Ebony Gallery2 Theme
2008年02月25日 05:33 • 查看 6,645 次 • 打印本文I’ve developed a new theme “Ebony” for personal use. It’s based on Carbon theme.
Here are a few of screenshots:
Ebony Theme Main features:
1. Javascript Effects.
1) Thumbnail Reflection.
It likes Mac Gallery. Using this Js reflection effects you dont need to use imageframe.
2) Built in Lightbox using mootool javascript library.
It’s not famous prototype lightbox. It’s a mootools lightbox, which is smaller and better than prototype’s. The js file plus mootools lib file is about 54KB in total, the prototype lightbox is about 104KB. Also, using this lightbox you can click the thumbnail don’t need to wait the page loading completely.
3) Sliding Sidebar
A new Js file for mootools.
2. Seach engine friendly.
1). Page title changed to like this:
Gallery - Album - SubAlbum - Photo Name
2). Use h2, h3 tag in Photo name and link to photo page.
Theme Demo
Browser Compatible:
Ebony is compatible and fully tested with IE 7, Firefox 2.0+, Opera 9.0+ and Safari 3.0+. It doesn’t work very well with IE6. There is a Js(PNG) problem and a css problem. It’s not very difficult to fix them. But I’ve been recently a bit busy. So currently I have no plan to do this. IE6 sucks.
Gallery Compatible:
It has been only tested with Gallery 2.2.4(I am currently running this version). But It maybe work with other 2.x versions, not tested.
Theme Download
There are three versions you can choose one.
1. English Version:
http://www.tuwang.org/files/Ebony_English.tar.bz2
2. Chinese Simplified:
http://www.tuwang.org/files/Ebony_Simplified_Chinese.tar.bz2
3. Chinese Traditional:
Please download Chinese simplified version above. Then download the icon set here:
http://www.tuwang.org/files/buttons.png
Use this png file to replace ebony/images/buttons.png file.
Installation
* After unbz2 the file, you’ll see there are two folders: themes and modules. The themes folder contains main Ebony theme, just upload it to your gallery theme folder. Modules folder contains some module templates. If you use those modules, you can upload them to your gallery’s corresponding module folder.
* The PSD files of logo and buttons included.
* Change the ad banner on the top.
Just edit /ebony/templates/ads.tpl, change the image file to yours. If you don’t want it, just remove the div content.
Next Release
1. Remove all tables, fully div + CSS structure.
2. Add more Js effects. (e.g., change the background color of photo page, Sliding MicroThumbnail View)
3. Remove unnecessary div tag in .tpl file.
4. Make CSS file more clear.
Bugs, problem, question please post here.
** Please don’t remove the credit message in the theme footer**
——
If you like ebony theme and want to show your appreciation by donating some money, Here is a button for you!
Je55e(Jesse Lee)
http://www.zzvo.com
Jesse,
The slide-button.gif image is referred to with absolute path (/themes/ebony/images/slide-button.gif) rather than relative.
Should be themes/ebony/images/slide-button.gif I think. No beginning /.
Otherwise image does not show up.
Eleavings
Also, in sidebar get this message at bottom….
“WARNING: block core.NavigationLinks doesn’t exist.”
The bug Eleavings mentioned above fixed and file reuploaded.
I cannot find a way to center the images in the slide show. They are all left aligned. Any ideas?
You need to upload the Slideshow template, which is included in the Bz2 package.
See action at my gallery: http://gallery.zzvo.com/v/slideshow/beauty/
your theme is awesome but since i installed it i now have advertisements in my random imageblock???
how i can activate the rating function in your tamplate! same to your onlinegallery!
I love your theme, but the lightbox does not display any pictures ? any ideas ?
thanks for the theme !
@light
Following the readme of rating plugin.
@dan
Can you post your url?
@adrian
There is only one ad banner on the top with ebony theme. No advertisements in the random imageblock. Please post your url, I’ll take a look.
Here it is … thanks for trying Jesse !
http://post.mypicture.info
@Dan
Your direct image url doesn’t work, so the lightbox doesn’t show pictures.
e.g., http://post.mypicture.info/main.php?g2_view=core.DownloadItem&g2_itemId=23587
Please check your plugin settings, and enable url rewrite(may not solve the problem, also need to check other plugins).
Ebony Gallery2 Theme…
I’ve developed a new theme “Ebony” for personal use. It’s based on Carbon theme. Ebony Theme Main features:1. Javascript Effects.1) Thumbnail Reflection.It likes Mac Gallery. Using this Js reflection effects you dont need to use imageframe.2) B…
Hey Jesse
I enabled and configured url rewrite, but still performs the same way. This is a windows server if that helps. If you cannot see what’s wrong, thanks for your help. I would have loved to use your theme even without the lightbox, I like the reflections.
Hi Jesse,
I’m trying to use the theme along with wordpress and the wpg2 plugin for wordpress to show the gallery inside wordpress.
Trouble I’m having is that when I’m in the gallery inside wordpress and click on an image, the lightbox begins to open no issue but then stalls with just a gray box on the screen and no image.
I fully realize this isn’t really your theme’s problem. But could you speculate as to what might cause this?
Eleavings
Hi Jesse -The post by eleavings is the same error I have. I have tried to get you more info and this is what I found -
If I enable your theme, lonks on the thumbnails end like this:
downloaditem&g2_itemId=
In any other theme they look like this:
downloaditem&g2_itemId=32214 (whatever item id refers to the pic)
Also, if I try to open in a new window I get a security issue in the Ebony theme as well.
Hope that helps everyone.
@Dan
What’s your gallery version? Ebony theme only tested with Gallery 2.2.4.
The code to show image in lightbox is in album.tpl line 148 - 169.
{g->url arg1="view=core.DownloadItem" arg2="itemId=`$child.resizedId`"}The code above is image url, if this direct image url works, the image will be displayed in the lightbox window.
You can take a look here, or search something in gallery forum.
Hey Jesse -
Funny, that’s the same line it crashes on if I choose open in new window. I get a security violation and an error in core.downloaditem. Specifically with the ebony I get an error right here :
=”itemId=`$child.resizedId`”}
I lost this part of the string (no value passed for =`$child.resizedId`” I just get
“itemId=`
That seems to be where the problem lies. I have looked in all the forums fyi -
if you need someone to test for you or have an idea, I will be happy to assist ….
Thanks again !
I made a gallery to show you what I mean in case I did not explain it correctly. Bottom left of the image where IE 6/7 displays the url you are clicking on. I have square thumbs enabled, maybe that is the issue. Here is the link … I rebuilt my thumbs and resizes, so wait like 4 hours or it will be slow
Thanks Jesse
http://post.mypicture.info/main.php?g2_itemId=39782
@Dan
>>I have square thumbs enabled.
it caused problem, I think.
Hey so I figured a small something out. I was using the wordpress theme Unnamed SE developed by and downloaded from http://xuyiyang.com/wordpress-themes/unnamed/ with WPG2 and Jesse’s Gallery theme. WIth this combo, the lightbox gets stuck. But when using other Wordpress themes (such as the default) there was no problem with lightbox. Works fine. So at least in my case the issue lays somewhere between the Unnamed SE wordpress these and this gallery theme. So my suspicions point at the wordpress theme.
Haven’t pinpointed the conflict yet though.
By the way, this was true in both Wordpress 2.3 and Wordpress 2.5 (coming out Monday).
Eleavings
@Eleavings
Try to remove the Unamed theme’s js file to see if Ebony lightbox works well. Probably Js conflict.
very good . i like them.
A feature that would be kind of nice would be “right-click-and-save” stopper. That is, when a visitor right-clicks an image to try and save, they would not be able to and instead would get a message in an alert box reminding them the work is copyrighted, etc.
Obviously it won’t defeat real thieves but it would stop the casual user and is useful to pro photographers. Saw this in another theme and it was a cool feature.
In the theme manager in the Site Admin area, there was a checkbox to turn it on and off and a textbox to all the message you want to pop-up.
Just a thought…
ELeavings
@Eleavings
No(disable) right click is easy.
Here is a few of solutions:
http://www.dynamicdrive.com/dynamicindex9/noright3.htm
http://www.dynamicdrive.com/dynamicindex9/noright.htm
http://javascript.internet.com/page-details/no-right-click.html
Some people need it, I don’t think it is needed as a feature of ebony theme.
Following the solutions above mentioned, adding several lines of Javascript code in the theme head section will work.
您好，看了您的主题，觉得非常漂亮，我想能否分享一下给我呢！谢谢！我的email chonghua@126.com
@chonghua
上面文章中有下载地址。
Hello Jesse Lee,
I really love your theme, I downloaded and installed it yesterday and fell in love with it. There’s only one thing that’s bothering me a bit. I hope I can discribe it acurate.
When you click on an image in an album it pops up a nice bigger version of the photo over the album thumbnails. When you click next the frame resizes nicely and show the next picture.
What I was wondering is if it was possible to click to the next image by clicking on the right in the picture itself, instead of keep finding the newly repositioned next button (cause of frame resize). It would also be nice if there’s a fullscreen button in this frame. I hope there’s a way to do this and you could help me fix this.
Greetings,
Erik
Hi, Erik
I understood what you meant. What you want is just like prototype lightbox’s effect.
e.g., http://demo.quickersite.com/default.asp?iId=JIHMD
Unfortunately, the Ebony’s lightbox currently can’t support this. It needs to change Js file.
Hi Jesse,
Thnx for your reply. Pitty this feature isn’t (yet) available. Is there any change that this feature will ever be implemented in Ebony?
@Erik
Needs to change Js file, not very easy.
给我些啊sbpgffge@163.com
Love your theme, you have additional sections in the demo with recent additions etc, how do I do that? Also, how can I get the file description (long one) into the lightbox window? Also, I would _love_ to see the tables gone.
@Oliver
>>you have additional sections in the demo with recent additions etc, how do I do that?
You need ImageBlock plugin.
>>Also, how can I get the file description (long one) into the lightbox window?
I need some time to look into the code, but recently very busy.
>>you have additional sections in the demo with recent additions etc, how do I do that?
>You need ImageBlock plugin.
I installed it, but the two albums do not show up by themselves. Do I have to edit the template?
If so, how?
thanks for the help! If you need help with the tables removal or CSS please tell me! We could create a sf.net code repository and work on the code together if you want.
Is anyone else having a problem with the imgaes not loading?
I have serveral images throughout my gallery that will not load at all the little spinner goes around but no picture ever comes up. This is running on server 2003 sp2 the latest php and the latest gallery. I am running IE 7 with the latest Java that came out today.
Jesse,
I got it now with the block, thanks.
I changed your layout and removed a larger part of the tables. It would be great btw if you could include your rating stars with the layout since the white background ones are not really good.
If you are interested in the layout w/o tables, please tell me.
Its not perfect yet, I guess many parts of the layout still can be changed so that there are less etc.
Hi Oliver,
Nice work.
Recently I have lots of other things need to do, So can’t spend more time on this theme now.
Glad to hear that you are working on table removal. feel free to do it.
I’ll consider to release a new version on Q3 or Q4 of this year.
About rating icon set, I will post them here later.
@Brad
It seems it’s not the theme problem.
Try to rebuild thumbnail? or plugin conflict?
Thank you for a fantastic theme. I was wondering if you know why I get this error when saving a setting in site admin sometimes.
Error
Error (ERROR_STORAGE_FAILURE) :
* in modules/core/classes/GalleryStorage.class at line 226 (gallerycoreapi::error)
* in modules/core/classes/GalleryStorage.class at line 545 (mysqlstorage::_getconnection)
* in modules/core/classes/GalleryCoreApi.class at line 2800 (mysqlstorage::getmapentry)
* in modules/core/classes/GallerySession.class at line 851 (gallerycoreapi::getmapentry)
* in modules/core/classes/GallerySession.class at line 231 (gallerysession::_loadsessiondata)
* in modules/core/classes/Gallery.class at line 287 (gallerysession::init)
* in init.inc at line 118 (gallery::initsession)
* in main.php at line 76
Best regards
Dennis
@Dennis
Did you experience same problem in using other theme? If so please check your gallery installation.
Thank you for your answer. I get this error randomly with other themes aswell. I think it’s the database connection or something like that.
Regards
Dennis
Watermarks does not work in Lightbox, do you have fix for it??
Hi Jesse Lee. Great theme. I am using it with Joomla. When I use the standard ‘Matrix” theme the album fits within the content part of the site. When I use the “Ebony” theme the album overrides the Joomla settings. Can you advise what changes I need to make to ensure it fits within the content area? http://wendylaroche.com/index.php?option=com_gallery2&Itemid=33
hello jessy
first thanks for this great theme.
but i have a few problems.
1. i don’t get it to work. that the iptc title and desription will be displayed below the photos. (for exampe http://www.testbildtester.de/v/Berlin+Hauptbahnhof/
2. the new / edit image will not shown below new or edit albums
3. could you explain or post the code how it works that you show on the main page the random / new images …
4. i post it also in the gallery forum you have bug in you tar file.
\modules\slideshow\templats should be \modules\slideshow\templates
Hope you can help
Kind regards
Oliver
>>”Also, how can I get the file description (long one) into the lightbox window?
I need some time to look into the code, but recently very busy.”<<
Anyone managed to fix this yet? Would be very useful. Great theme by the way!
Thanks
Ok, I got the description (long one) to show up in the lightbox window. I was playing around with the javascript and all sorts of the code, but discovered it is much easier than that. All you need to do is edit the album.tpl file and copy the new one into your /local directory. you will need to find the line that looks like this:
title=”{$child.title|markup} <br /><a href="{g->url arg1=”view=core.ShowItem” arg2=”itemId=`$child.id`”}">Details/Comments</a>”
and change it to this:
title=”{$child.title|markup}<br /><span style="font-weight:normal">{$child.description|markup}</span><br /><a href="{g->url arg1=”view=core.ShowItem” arg2=”itemId=`$child.id`”}">Details/Comments</a>”
it might be hard to see, but I added Smarty tags to add the description ({$child.description|markup}. I had to add some formatting as well, and you can adjust it as you see fit. I just added a line break and removed the bold. Remember to use the html code for the tags (%lt; for <, etc) and everything should be great!
I don’t think anything else has to be modified, but I changed so much stuff, I might something different going on, so if it doesn’t work for you let me know and I will find what I changed.
If any of this doesn’t make sense, just email me and we can work it out. My email is tanner (at) tannerlindsay (dot) com.
Good Luck, and awesome theme!
Hi Jesse,
great theme - awesome! sad to hear you don’t have much time to spend on it, I think it deserves it!
anyway - my feedback besides the above…
Video clips! I have albums [http://album.vitus.org] that are mixed photos and videos (wmv) however:
1) In lightbox mode - i.e. you click on the first image in an album and you’re in lightbox mode - the video’s are skipped and the ordinary user won’t notice that “something was missing”
1a) On the other hand - once in the non-lightbox mode (because you happened to click first on a video, you can’t get to lightbox mode)
2) When generating thumbnails; or setting frames; or something - it would be GREAT to be able to have some kind of identifier that tells the user: “THIS is a video” - as it is now, you have to do a rather non-user “move cursor over all thumbnails and look at status bar and see if extension is jpg or wmv” search.
does this make sense??
Vitus
Hi Vitus,
Your suggestions is very good.
But I’m sorry. I’m afraid I can’t spend more time on Ebony theme in this year.
If anybody wants to hack it or release a new version, feel free to do it.
Thanks for all your comments above.
Jesse
Please help. How can I disable the lightbox?
I have audio files on my “photo” gallery as well as photos and when I click on an audio icon, the lightbox effect freezes.
It might be easier to just disable the lightbox completely rather than create a routine for handling audio files.
Anyone help with this? Thanks!
Mike
Never mind. I located the code and replaced it with the lines from the Carbon theme. No lightbox now.
This is a great theme. Thank you.
Having problems with the installation. I am running 2.2.4 of gallery. I have uploaded the ebony directory to the themes folder off the root of gallery2. However, when I click the themes option in Gallery, EBONY is not showing up.
Any suggestions?
Hello buddy. you have made a awesome theme. i started my wallpaper site yesterday using your theme but the problem is that all the images which i uploaded today are not showing up in thumbnails. all the thunmbnails are showing a broken image icon.
Please help me
Hi,
I try to remove the Lightbox like Mike but I didn’t find the code to replace.
Can you help me?
Thanks a lot,
Messaoud
@Messaoud
edit album.tpl.
please look to my problem also which i have posted earlier
awsum them guys…but a problm…am using this theme on ma wallpaper website…i have 4 albums…
the 1st 3 r fine but whn i upload new wallpapers to the 4rd wallpaper now, it does not makes the thumbnail n nor it shows the wallpaper…only the full view is working…
plz look into it….thx a million n keep up da gr8 job
@Utsav & Abhishek
sounds It’s not the theme problem. try search in offical Gallery forum.
Hi Jesse,
How could I put my navigation bar just like the website http://www.tuwang.org ? I mean, no sliding bar, a fixed bar at the right just like that website.
Thanks for the great theme!
Cedric
@Cedric
Tuwang.org is a improved ebony theme. There are lots of changes, even including core gallery files and plugin files. Currently it’s not suitable for common users.
You need to customize it youself.
RE: Thumbnails showing broken, issue.
Mine was doing the same thing, Most were broken, depending on the album. In Site Admin, look for Graphics Toolkits -> Toolkit Priority. I changed my order to NetPBM then Gd then ImageMagick. I don’t know why I have that particular order but anyway…
After saving that, I went in to Maintenance under Site Admin and selected Build all thumbnails/resizes. It took a long time, but now I have thumbnails again.
Hope that helps…?
@ Messaoud
I can’t find the lines I edited, but if you would like my template files (album.tpl and photo.tpl), let me know and I’ll send them to you.
I made another modification to show the description (summary) of the photo under the thumbnails on the album page and show the full description next to the photo - on the photo page.
PS: I just discovered a broken thumbnail after my previous post. Hmmm….could this be because I just moved my gallery to the root of my website? I’ll look into that!
老大你真强，我想加你聊聊可以吗？？
我的qq 6884666
awesome work its really great i am using it on my web.
i was seeing http://www.tuwang.org/ and the them is really different from what i have.
i have a view q for u, first of all i am not that good on programming either design but i wish if u can guid me to disable the popup window when i click on a pic, and change it to be like ur website open on a new window with a thumbnails for the other pics, and how i can add the random pics under all the albums like u does its really looks cool any help will be appreciated ,
and if there is any new version please let me know, that version i have i download it from this link (http://gallery.menalto.com/node/74978)
keep up the good work.
Here is a copy of the ebony theme that has been updated for Gallery2 R2.3. The most notable change is that I have made use of the new template override feature to bring all the templates for the different modules into the theme directory.
To install just copy all of the files in the archive file into the themes/ebony directory.
http://www.timalmdal.com/outgoing/ebony-R2_3.tar.gz
Hi Jesse, Any updates on the template?
@Tyrone
There is no update so far.
Hallo Jesse,
Absolutely great theme you made.
The theme seems to work well. After installing its modules this error occured:
[Translation error: Array ( [one] => (%d item total) [many] => (%d items total) [count] => [arg1] => ) ]
I have posted the error here:
http://gallery.menalto.com/node/78438
Nice greetings, Dirk.
在官网看到你的帖子了，不知道你是如何学习gallery2的。我看中文的资料几乎没有，自己想做个英文站，用你的主题，但是有很多不懂的地方（几乎是不懂，呵呵），以后可以向你讨教吗？
Hellow.I have a carbon theme on my web page http://www.betastudio.ro .I wanted you to help me with something.I want to put the same refflections that you have on the ebony theme on my theme.I don’t know what to do or where to modify inwich file.Please help.If you have the time please tell me step by step where to modify cause I am not so good with codes.Thank you .Flaviu from Romania.
PS : Good job with the ebony theme.
安装上主题后，出现一个问题，进入到单个相册后，点击单个相片的缩略图，不但没有出现lightbox效果，反而会造成浏览器假死。
我翻看了一下评论，似乎一个叫做dan的朋友也有类似困扰，但是没有具体看懂，英文太烂。
希望作者能够解答一下，我很喜欢这个主题。
@水灰色
以前没发现这种情况，前面的评论好像也没看到过类似的问题。
你用的什么浏览器？相册是否和其他程序进行整合？能否提供 URL?
解决了，安装了英文版本就OK了，不知道咋回事。
Hi Jesse,
i use your theme too, and its very good!
So thanx so far.
I’ve found an ‘error’. In the AJAX preview if you click on the image watermarks are not placed. So anyone can get the clean pic without watermarks (e.g. with firefox by clicking ‘view background image’).
maybe you can fix it in a future release
best regards
rome
is there an easy way to disable the lightbox (js popup when viewing pictures)? i’d like the thumbnails to simply link to the gallery picture page.
thanks and great looking skin!
Jesse-
can you remove my previous posts with my url http://XXX.XXXXXXXXXXXXX.info ? I am getting slammed by google bot
Jesse,请教怎么修改相册主目录的名字 gallery默认的模板都是以gallery为主目录的 我看你的网站主目录名字是图王，请教怎么修改，万分感谢！！！
@rapha #78
在首页编辑相册修改名称应该就可以了。
请教Jesse Lee，首先很喜欢这个主题风格，但是我一直没搞懂，如何才能让“图王”那样的侧边栏出现呢，我在本地测试一直看不到侧栏，谢谢
我另外一个问题，我用了你的主题后，用IE常出现打不开或者很久才打开的显现，而用FireFox就没有问题，不知何故？
@kayak #80
图王现在的主题是特别改进版，和你下载的是不一样的。
默认的侧边栏是点击按钮划出窗口。
可以 google 搜索 ebony theme by jesse lee 看看其他网站正在使用的。
@kayak #81
在 IE6 下 js 多少有点问题，但不是你说的问题，IE7 下没事。
好像没遇到过你说的，包括 IE6 和 IE7, 也许是你的浏览器设置？
哦，原来如此，博主还留了一手哈，谢谢哦
[...] the theme author is Chinese and has a simplified Chinese version as well. You can find the theme here and install it very easily following the directions on the [...]
[...] the theme author is Chinese and has a simplified Chinese version as well. You can find the theme here and install it very easily following the directions on the [...]
最近刚玩 Gallery2 ，看见你的主题非常棒， 想问个问题， 我想屏蔽 点击 相册图片后的 lightbox 功能，请问如何实现，再次感谢你的主题
@sh18 #87
老熟人了，不用这么客气。取消 lightbox 功能，简单一点打开 js 文件，删除有关 lightbox 的 Js 即可，或者在模板的 部分去掉加载的 lb js.
还有一个办法要在模板文件中去掉有关 lb 的修改，这个得看看文件。
你好，我用了你的主题，我看到有点东西很别扭，不知道是我的问题还是什么！比如说
容量：(4个项目) (总计14个项目)
看起来很别扭，请问怎样修改
@李斌 #89
这个不是主题的问题，是中文语言的翻译问题，你需要看一下语言文件。
好的，谢谢！！
你好，再请教个问题
我只统计相片总的数目怎样解决，就像你的网站那样。
谢谢！！
#92,
这个需要改一下模板，也不难，不过需要看一下代码，这两天没时间啊。
I’ve installed it today at this adress http://freebytes.eu check out the english vershion before installing, a great theme really thanks a lot