Simple jquery image gallery?
Simply grab the page's hash value and use it as an index against the set of thumbs: wlh = window.location. Hash1; if (!isNaN(wlh)) { $('#largeImage'). Attr('src', $('#thumbs img').
Eq(wlh-1). Attr('src'). Replace('thumb', 'large')); } Demo: jsfiddle.Net/EbCKN/show/#3 (will initially show the 3rd image) To add a hash to the URL while browsing images so the URL is primed for sharing a certain image, it's just an extra line after changing the largeImage : window.location.
Hash = $('#thumbs img'). Index(this)+1 Demo: jsfiddle.Net/EbCKN/1/show ( edit ).
Simply grab the page's hash value and use it as an index against the set of thumbs: wlh = window.location. Hash1; if (!isNaN(wlh)) { $('#largeImage'). Attr('src', $('#thumbs img').
Eq(wlh-1). Attr('src'). Replace('thumb', 'large')); } Demo: jsfiddle.Net/EbCKN/show/#3 (will initially show the 3rd image) To add a hash to the URL while browsing images so the URL is primed for sharing a certain image, it's just an extra line after changing the #largeImage: window.location.
Hash = $('#thumbs img'). Index(this)+1; Demo: jsfiddle.Net/EbCKN/1/show/ (edit).
2 +1 Would be nice if the click handler would also update the hash to the number of thumb being selected. – Majid Fouladpour May 15 at 12:37 1 @MajidFouladpour: Great idea, answer updated. – Marcel May 15 at 13:03 Works like a charm.Thanks.
– NL500 May 15 at 13:11 it's not working with #10 and above. Please take a look at jsfiddle. Net/EbCKN/3/show/#10 – NL500 May 15 at 15:33 1 @NL500: See jsfiddle.Net/n7eK5/show/ (code) for an adjustment to support more than 9 images.
– Marcel May 15 at 15:58.
JQuery, jQuery, jQuery, jQuery again. There are lots of nice application written in jQuery. Galleria is a javascript image gallery written in jQuery.
It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. The core of Galleria lies in it’s smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements.
Use it as a foundation for your custom styled image gallery. Above is a demonstration shows you some more advanced effects you can accomplish with the Galleria plugin. The history object is also active that you can click the back button in your browser and bookmark a page.
The next and previous links are simple to create since the galleria object has two public functions for traversing the images in your list.
I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.
Related Questions
UIScollview with paging enabled (like a simple image gallery)?
Very Simple Image Gallery?
Please Recommend: jQuery simple gallery, expanding div and portrait or landscape images?
Using Image module to create an Image Gallery and view them using lightbox?
Javascript image gallery query (next image)?
How to set starting image of jCarousel based on mouse click of separate image gallery?