EOGallery 1.0 released

Mardi 27 février 2007 | catégorie: english, EOGallery

After quiet a long time of private work, EOGallery is released to public.

EOGallery is a web animated slideshow gallery maid with jQuery (1.1.1). It only uses basic jQuery functions and Cody Lindley’s Thickbox (2.1.1) to display larger pictures. The packed version has been maid with Dean Edwards packer. By the way, EOGallery is XHTML 1.0 strict valid and almost CSS valid, it has been tested on Firefox (1.5, 2.0), Safari (2.0.4), Internet Explorer 6 and works even with non-javascript and/or non-css browsers. EOGallery has been maid for testing purposes, there could be bugs and strange behaviors.

The source code is available, if you want to use it, just make a link to EOGallery’s website and leave a comment on this blog, thanks.
If you want to improve it, if you have found some bugs or added extra features, you can contact us or leave a comment on this blog.

Note that javascript source code is not really clean, it is given as it is, so some parts could look strange.

Tags: ajax, css, EOGallery, jquery, thickbox et Web

24 commentaires

xavier 3 avril 2007 8:08

Hello,

Is there an option to have the scroll vertical instead of horizontal ?

Moreover, is it possible to have an autoscroll instead of having to click on the next and back buttons ?

Really impressive. I’m falling in love with jquery and all its wonderful plugins.

Merci et bravo

X+
fortin 3 avril 2007 10:45

There is no option in eogallery 1.0 to have vertical scroll but it should be possible to do one by changing the code
(edit: actually you can do this by changing some things in the css : in #slider ul li {, remove the float: left; and then adapt the design to what you need)

Autoscroll is available : look at the red arrow button

jQuery is really cool, lightweight, easy to use and easy to learn

btw, there is a new version of eogallery in project
Ade 23 juin 2007 18:58

I’d liek to use images of different sizes and can’t seem to get the code to work. Any suggestions?
rytich 30 août 2007 18:17

hello.

this Gallery is very cool, and I use it for my site.
http://taggy.unw.nu/
I put link to your site.

thanks!
Lyubomir Petrov 10 juillet 2008 18:13

Actualy, i’ve the same problem as Ade posted few comments before mine, but there is no answer. We are using automated CMS system, so is it not so easy to make all the images in same w/h’s.
Is there any fix about this ?
Senguttuvan G 1 juin 2009 13:37

We need the functionality that you have disabled in code. I mean rotation. How can we add rotation functionality to the code so that all images will rotate continuously.(ie.when we reach the last image, it should load first image in the circle and so on. Any idea?
Joomla Experts 16 juillet 2009 19:12

Nice information, thanks to the author. It is incomprehensible to me now, but in general, the usefulness and significance. Thanks again and good luck!
Mohan 2 novembre 2009 14:48

Hi

I need to increase number of images on focusing eogallery . How to do this?

Anybody help me?

Thanks
Mohan
Mohan 6 novembre 2009 13:27

Hi

I need to auto play when page loads and continuously looping images.

Please help me.

Thanks
Mohan
nadine 19 novembre 2009 15:50

Hi

When you double click or click quick though the gallery on the left or right button. It reveals the current and the previose text boxes, how do you cancel the double click and only have one text box showing.

please help

thanks

Nad
Ryan 30 décembre 2009 22:22

Looking into removing the two images on the sides and just displaying the main img and the buttons…

any ideas?

i tried changing the img size at the top of the slider.js with no results

i don’t see where they are in their own div that I could just make display: none;

oh yeah and this gallery is pretty freaking cool
Al 5 février 2010 21:54

I want to say that you have done a great jobe with the EOGallery V1.0. I will be downloading the zip files to incoporate it into our new revision of our new format site that we are making.
I do have a question, does the zip files contain the source code and some how to?

Cheers,
Al
USA
Heart2Soul 14 mars 2010 7:48

Hi,
i liked your coding, is there a way we can add .flv or .wmv in it.

Thanks
Sean UK 2 avril 2010 18:14

Hi fortin,

Ive been trying to break down your code for ages now.

Could you please tell me where i can change the image the enlarge in the array to the one on the left instead of the center.

Also how to change the display to show 4 images instead of three please.

This is quite a big website and will link you.

Thanks for you time.

Sean
hello188988 29 juillet 2010 3:22

你好我想知道怎么改图片的大小
jupiter 18 août 2010 13:02

Hi !

Thanks for the great work on eogallery!

We are using it to display some variants of a product of ours on the following website: http://www.e-showcase.net (gallery section).
We wanted to thank you and posted links to the project as asked!

I’ve been experiencing the “fast click problem” described upwards, and know how to resolve the problem… unfortunately js is not my cup of tea!

“Apparament c’est du au temps d’exécution du js qui ouvre le volet déroulant du texte en bas. Si on clique suivant/précédent avant que volet ne soit tout a fait ouvert, il en reprend l’exécution à 0, et mets le texte du suivant dans une queue. Les solutions seraient d’augmenter la vitesse d’ouverture du volet (réduire le temps), ou de mettre en place un systeme faisant que quand on click sur suivant il interrompe le js sans le relancer.”

Sorry but can’t explain that in english… perhaps you might have a hint on how to implement that

Thanks Again

The Open Skill team
venkat 6 septembre 2010 10:24

Hi,

is there any chance to add comments to images?

venkat
Heeren 15 septembre 2010 6:49

How can I control the size of the images?? Can we show that small images back to that current large image, half side visible?? How to control the size of the small images and large images? i’ve tried modifying “slider.js” big[”small”] and all.. but its not working
heidi 13 octobre 2010 6:07

I was found such kind of photo slider for a long time.
Learning a lot in your website.
Thank you for your sharing.
Vinu 27 octobre 2010 6:04

Now there is only three images showing at a time. How can i increase the number of images to five.ie, two images on both sides of the main (big) image.
Ayushi 10 novembre 2010 11:09

Thanks sharing this script. it is very useful for me
webcentre 10 novembre 2010 11:11

i think we have give give clean url path. thanks for your article
web designers sydney 28 juin 2011 12:30

Great Article. Thank You for taking the time to share your view with us.
Colin Price 9 juillet 2011 2:37

Good evening/morning

I hope you can help.
From : http://www.ideasintoreality.co.uk/info/picture_gallery_8.html
, I cannot see how to amend the path for vide.png / pause.png. I have changed them in slider.js but …. (Apologies but where do you reference slider.js anyway?)

In general, I think I cannnot see for looking !

Thanks in advance.
Colin.

FProd.net Blog, à suivre… création web, design, ajax, css, php et mysql, vidéos, MacOS et l’univers Apple, …