Ebony Gallery2 Theme
2008年02月25日 05:33 • 查看 6,147 次 • 打印本文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
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.
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
@chonghua
上面文章中有下载地址。
您好，看了您的主题，觉得非常漂亮，我想能否分享一下给我呢！谢谢！我的email chonghua@126.com
@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.
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
very good . i like them.
@Eleavings
Try to remove the Unamed theme’s js file to see if Ebony lightbox works well. Probably Js conflict.
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
@Dan
>>I have square thumbs enabled.
it caused problem, I think.
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
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 !
@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.
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.
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