Image Gallery with jQuery Lightbox 1 of 3

[keeezz]

how do you add multiple jquery library on the same document...I was trying to add the lavaLamp and the carousel together but when I do one works and the other doesn't whats the order of the jscript files???

[DreamWeaverTutorial]

@keeezz i have never tried to use them together and they may not be compatible. But if you try to do it then dont use two copies of the jquery library just embed one library and then the script for each tutorial. - good luck.

[pimpmerkley]

Hi again, any reason why btn-close.gif , ico-loading.gif are not being displayed? . I did change links in jquery.lightbox-o.6.js and point it out to containing folder but only next button is being displayed. What am I doing wrong?

this the web I build thanks to you tutorials : have a look on gallery. fininteriorsltd co uk

[pimpmerkley]

Hi James,great tutorial and thank you for doing this.I did change link in lightbox.js file so it pics up lightbox pictures from a different folder and all works now just fine.

There is only one problem left. I have J query s3 slider ( also from your tutorial ). I use it as in your tutorial on a main page - photos changing every 4 seconds. Now, when I added lightbox script to the head, s3 slider won't work and only lightbox seems to be working properly. Do you know what is the problem?

[DreamWeaverTutorial]

@pimpmerkley these two scripts probably wont work together on the same page because of conflicts. I suggest that you don't use the slider on the same page as the lightbox.

[pimpmerkley]

@DreamWeaverTutorial

okay... that's too bad. So what you r saying is that it is impossible to have multiple j.s elements on one page? Or is it just too complicated to achieve?

Another thing, both chrome and safari have problems with displaying all lightbox elements when viewing photos( I have '?' when close or image name should be. Firefox has no problem with it. Do you know what that could be? Sorry to bother but since you have the best tutorials online I just have to aks:)

[pimpmerkley]

@DreamWeaverTutorial OKAY I FIGURE IT OUT,

I took out this script - script type="text/javascript" src="js/jquery.js"></script , and it works! 

[LastJoust]

@DreamWeaverTutorial Great tutorial, I followed everything and it worked almost perfectly. However when I click on the images, the javaquery loading effect, prev and next and close buttons are not seen, the close button is a mere X icon.Any way to fix this?

[DreamWeaverTutorial]

@LastJoust hi, this can happen if you don't place the images folder in the same place that the script is looking for it. you can either move the images folder to the same place written in the js file or write down the path to the images folder with the buttons in change the path in the javascript file. if you dont know how to do this then if you have it online, I will tell you the paths from examining your site. - James

[AMIRthe9]

Can i use this in microsoft visual studio?

[DreamWeaverTutorial]

@AMIRthe9 yes that will work for this tutorial - James

[AMIRthe9]

@DreamWeaverTutorial yea i managed to do most of it. only my buttons dont seem to appear- the prev, next and close buttons.

[DreamWeaverTutorial]

@AMIRthe9 well done for completing the tutorial, you will need to edit the paths to the images in the javascript file. if you have dont know how to do that then if you have it online, send me a personal message with the link and ill tell you the path.

[AMIRthe9]

@DreamWeaverTutorial thank you. what do u mean by link? u mean send my HTML file through here? how do u that?

[DreamWeaverTutorial]

@AMIRthe9 no if you have it on your web hosting server. you need to point the javascript file towards your button images

[AMIRthe9]

@DreamWeaverTutorial thanks alot. ive sent it yto your email.

[DreamWeaverTutorial]

@AMIRthe9 ok i fixed it and sent it back to you - James

[jantheempress]

cool

[noelster44]

I love this tutorial, I have learned alot from you. thank you... One Question, instead of having lightbox scroll to larger versions of the pictures in each thumbnail/Polaroid... i want each thumbnail to go to there own lightbox gallery. it is for a modeling website. I want to have a Polaroid thumbnail for each model, so, for example, if i click on the tall building, i go to a gallery of buildings, if i click on the butterfly i go to a gallery of butterflies ect. is there a video for that?

[ToniSchulke]

Terrific - really great. Thank you!

[528hertz]

How has this got so few views? These videos are much better than Tutvid. Thanks man, these are a great help.

[supershrek99]

Your site will not load for me, is there another resource for the excersise files? Thanks

[DreamWeaverTutorial]

@supershrek99 thats the only source for the files

[Whisperingonthewind]

@DreamWeaverTutorial @supershrek99 I had that problem of downloading I think it should work if you use Internet explorer. For some reason useing FF would not download it.

[HawxTeamDelta]

i love your organizing div techniques.. gonna copy that :P

[renderuthis]

I cant get the video cause of the advertisement wont load. i can get others videos but not yours. It get half way through the ad then stops.

[eldanieldeepak]

Nice.. Wel explained..Hats off..

[darysmer]

Awesome tut james thanks! i subbed