Hi Christoph,

The original gallery (<ul class=”gallery”></ul>) is actually replaced by the div tag (<div id=”img-gallery”></div>) with the appropriate UL tags inside.

So the CSS must match the ID #img-gallery. The format of the output HTML is as follows:

    
        
    

 
[IMAGE 1]
[IMAGE 2 AND SO ON]

[DESCRIPTION]

Hope this helps

Jamie

Hi Christoph,

Good Spot, Yes the gallery will automatically be populated in the BODY tag. I have uploaded a new version to include a ‘target’ ID on the javascript making it easy to place.

If you just want a quickfix you can amend the following line the javascript file (jquery.gallery.js, line 52):

$('body').prepend(galleryStructure);

Change the ‘body’ part to the name of your div. Remember to include the ID(#) or Class(.) identifiers as well.

Hope that solves the problem, you can download the new files from the same link as before if you want the new javascript file that includes the ‘target’ attribute including a the format of the output HTML that the javascript creates.

Thanks for your comments

Jamie

Hi Sabhajit

Thanks for your comment. In order to have the gallery restart automatically you can add the following line to the jquery.gallery.js file just under line 91 as shown here

// ###################################################
// IF LINK IS CLICKED (NOT PLAY/STOP)
// ###################################################
$('#img-gallery ul a:not(#playstop)').click(function(){

	var imgToLoad = $(this).attr('href'); // GET LINK HREF
	imgToLoad = imgToLoad.split('#'); // SPLIT HREF TO GET IMAGE NUMBER
	imgToLoad = parseInt(imgToLoad[1].substr(3)) - 1; // RETRIEVE IMAGE NUMBER
	changeImage(imgToLoad); // CHANGE THE IMAGE TO THE SPECIFIED NUMBER
	currentImage = imgToLoad + 1; // SETUP SLIDESHOW FOR NEXT IMAGE

	if(slideShowActive == true) $('#img-gallery ul a#playstop').click(); // TRIES TO STOP SLIDESHOW WHEN PRESSED

	setTimeout(function(){$('#img-gallery ul a#playstop').click();},5000);
	return false;
})

You can set the time by changing the ‘5000′ value to your own number.

Hope this helps

Jamie

Hi Ceri,

Thanks for the reply, yes the CSS link tag was missing the close tag character (/), the gallery itself appears to pass with no problems. I have updated the zip file to remove this error. Thanks for pointing it out.

Jamie

Hi Andy

The current javascript file doesnt really support full div sections, it would take some reworking to do it. Its a good idea for improvement so if you check back in a couple of days (maybe a week) I will create a brand new javascript file that would support it.

Jamie

Hi Vicky

I am aware of the issue, I’m still trying to work out why it happens, problem is I can’t reproduce the problem on my website.

I use the script on my homepage and get round the problem because all my images are the same size.

If you can restrict the image size to a specifc height like I have on my homepage you can do the following to get round it until I figure it out

If you set the CSS for the outlining div to the following

.[your-div]{
         height: specific height;
         overflow:hidden;
}

I am creating a flash equivalent to the image gallery so have a look back soon if that could help (no loading problems in flash)

Hope that helps

Jamie

I see the problem on your page, I will have a look at the code and try to change it in a way that stops this from happening

Cheers
Jamie

Hi Anthony, if you require the links to open in a new window you must open the jquery.gallery.js file andnavigate to the following line (line 34):

var galleryStructure = '





';

Here you can insert the attribute target=”_blank” into the hyperlink tag as shown below:

var galleryStructure = '





';

Hope thats what your looking for

Jamie

Hi Jason

Yes I know theres a loading problem where the images go right down the page. I’m still looking into the problem, but a workaround I used on my homepage was to give a specified height to the surrounding div and to set the css to overflow:hidden. Of course this will only help when your gallery is always the same height.

Hope that helps for the moment.

Jamie

Hi Deny,

Have you applied a static height to the div in question? I know there are a few issues on IE with various items (microsoft keep moving the goal posts) I am going to build a brand new version from scratch and take in all the requests and bring it out sometime in the early new year. In the meantime have you tried display:block options in the CSS. If you send me a link to your page I could take a quick look at it?

Cheers

Jamie