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

à suivre…

EOGallery 1.0 released

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

EOGallery 1.0

The official website is EOGallery.com

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.

del.icio.us:EOGallery 1.0 released digg:EOGallery 1.0 released spurl:EOGallery 1.0 released wists:EOGallery 1.0 released simpy:EOGallery 1.0 released newsvine:EOGallery 1.0 released blinklist:EOGallery 1.0 released furl:EOGallery 1.0 released reddit:EOGallery 1.0 released fark:EOGallery 1.0 released blogmarks:EOGallery 1.0 released Y!:EOGallery 1.0 released smarking:EOGallery 1.0 released magnolia:EOGallery 1.0 released segnalo:EOGallery 1.0 released gifttagging:EOGallery 1.0 released

Tags: , , , , et

24 commentaires

  1. 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+

  2. 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

  3. 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?

  4. 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!

  5. 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 ?

  6. 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?

  7. 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!

  8. 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

  9. Mohan 6 novembre 2009 13:27

    Hi

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

    Please help me.

    Thanks
    Mohan

  10. 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

  11. 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

  12. 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

  13. Heart2Soul 14 mars 2010 7:48

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

    Thanks

  14. 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

  15. hello188988 29 juillet 2010 3:22

    你好我想知道怎么改图片的大小

  16. 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

  17. venkat 6 septembre 2010 10:24

    Hi,

    is there any chance to add comments to images?

    venkat

  18. 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

  19. 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.

  20. 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.

  21. Ayushi 10 novembre 2010 11:09

    Thanks sharing this script. it is very useful for me

  22. webcentre 10 novembre 2010 11:11

    i think we have give give clean url path. thanks for your article

  23. web designers sydney 28 juin 2011 12:30

    Great Article. Thank You for taking the time to share your view with us.

  24. 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.