« New widget support
New tag : Picture Browser »

First jQuery Plugin test

Here is the gallery navigation for NextGEN gallery build with a jQuery plugin. All pictures are loaded in a dynamic way (via an array).

Remaining issues :

  • Avoid reload of page
  • Integrate Effectcode
  • Integrate Next/Back button
  • Fixed fade out/in effect with shadow border
  • Fix CSS issues in naviagtion
  • Do it better :-)

First problem for now : If you scroll down your browser, the page still get’s reload (sometimes)… mhhh
Stupid, after I wrote this lines I found the reason (of course , the a href causes this)

You can download the uncompressed jQuery plugin here
(Please don’t laugh)

Any suggestion , help or tips are welcomed…

12345

This entry was posted on Saturday, June 9th, 2007 at 12:57 and is filed under Allgemein. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

7 Responses to “First jQuery Plugin test”

  1. lwaa Says:
    June 10th, 2007 at 20:25

    looks good - how are the images added? Is it dynamic? I use a php script on my site that creates a thumbnail of any jpegs uploaded to the folder that the script’s in.
    Could you make it so that when you clicked on an image rather than it opening a larger version of that image in the same window and you then have to hit tohe back button to view more….could clicking on the image open up a new browser window, centred on screen, with next/previous links so you can go from image to image without needing to use the main window or hit the back button?

    I can provide you with the new, sized, centred window code if you need it, I use it a lot on my sites. It works with pop ups disabled too, so that’s not a problem.

    thanks
    (I viewed using safari 2.0.4, OSX 10.4.9)

  2. alex.rabe Says:
    June 10th, 2007 at 20:35

    About which “new, sized, centred window code” are you talking ? Thickbox or Lightbox ?

    This example shows a dynamic loading of an image array (see HTML code for more)

  3. Joern Says:
    June 10th, 2007 at 22:50

    Well done. but why fo you use divs for all single images?

  4. alex.rabe Says:
    June 11th, 2007 at 18:36

    @Joern
    As you know, I have not really the knowledge about CSS , I read an article about a shadow drop here :

    http://alistapart.com/articles/cssdropshadows

    This is the reason for all the DIV’s .Any tips for a cleaner CSS are welcome

  5. Rod Says:
    June 12th, 2007 at 00:03

    Use the wrap Jquery technique, which can add divs around a pic and simulate a shadow : simply search “Jquery Shadow wrap” and you’ll find the issue : better, cleaner, faster : Jquery, simply :)

  6. alex.rabe Says:
    June 12th, 2007 at 09:08

    I use the wrapper for the div’s

  7. web-engel Says:
    June 15th, 2007 at 01:34

    Hello,

    I would like to use different galleries. For Example: In my pages I prefer the gallery id=1. In my Sidebar I would like to use the gallery id=2. Where can I configuarte different galleries for my sidebar?

    Thank you for your support and realy amazing gallery plugin!

Leave a Reply

You must be logged in to post a comment.