Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

MooTools - Slideshow and Lightbox

Status
Not open for further replies.
MurlinatoR

MurlinatoR

MIS
Jun 9, 2008
5
US
I was wondering if anyone could drop a little line of advise. I have taken and recoded a generic slideshow to get some of the effects that I'm looking for and I've been successful with working through the .css & .js files.

I have not been successful at all, however, tying in a Lightbox script to finish the effect I'm looking for. I have tried scripting it together for the last week or so and have had no luck. I've even gone to the extent of reading the code of others Lightbox integrations to attempt finding the missing link but still sit up a creek.

Are there any quickies that would help me early on? ie; location of the lightbox.jc/.css files, entry lines of script.

I do not pretend to be an expert or even have a reasonable level of experience with javascripting. I'm an IT specialist and have been working on machines for more than 10 years. The only coding experience that I have is from years ago with HTML. I have written pages years ago by manually writing HTML for friends who wanted little home pages.

Anyway, I'm thanking anyone who helps in advance for all of the assistance!


-MurlinatoR
 
Sort by date Sort by votes
There could be many things causing the LightBox script not to play nicely with yours, but the most likely explanation is that one of the scripts is overwriting the 'onload' event set by the other.

To see if this is the case, or if not, to try and help further, we'd need to see all the relevant code or a URL to the site (I prefer the latter).

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
Dan,

Thanks very much for your expertise! The page is located here for the time being. I've managed to get the thumbs doing what I want them to and the fade effects that I like.

I still need to work on the image centering but for now I'm more concerned with getting the lightbox script to function.

Thanks again for all of your help!
 
Upvote 0 Downvote
To start with, don't deliver a 1728x2304 (600Kb) image and scale it to 480x480 in the browser... you should do all your image resizing server-side. This is a complete waste of bandwidth, very slow to deliver, and completely messes up the aspect ratio of what might otherwise be good images - which for a photo site is just not right. This goes for all the photos, not just the first one...

The Lightbox script (which I've never used, so this is going from the instructions on their site) seems to fade hard-coded images on the page, whereas you've only got 1 image (that I can see).

If you're creating the extra images dynamically, perhaps you need to include the "rel" attribute when you create them? Also, Lightbox v2 is out, and you're using v1.5 so perhaps an upgrade would help?

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
I think that my problem is that i'm not initiating the lightbox script properly.
 
Upvote 0 Downvote
I have moved the location of the test page to here. I had an error in the code that was causing IE not to run the script. I fixed it so that the slideshow can be seen in both IE and FF.

I'm still having problems initiating the lightbox. I'm looking for the effect to kick off when the current image is clicked on. I have the lightbox.css/.js files in place and have them called out in the <head> like I think they should. Still I cannot get it to engage.

Anyone have any brilliant ideas or knowhow on how to adjust the code to kick it off?
 
Upvote 0 Downvote
How do you want the lightbox popup to be instigated? You've currently got small thumbs which slide up, and a big image. Would you want the thumbs to no longer slide, but instead open lightbox, or do you want the big image to open in lightbox when clicked?

If the latter, isn't this confusing (and potentially irritating) to have to click twice to see an image, when you already have a big image?

If the former, why keep the 'slide up' effect?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
My intention is to have the slide initiate the lightbox. This is because I have intentions on putting image captions and details in the lightbox that I didn't want cluttering the slide itself.

As for the lightbox upgrade, you're going to laugh at me. I didn't upgrade the script because I didn't want to break what I already had working! *LOL* I'm still learning most of the java coding so I was worried about having to go back to square one.

Thank you again for all of your help!
 
Upvote 0 Downvote
Hi - I'm having a problem that I hope someone can help me with. lightboxes no longer work with my computer/browser. Back in June I downloaded the latest Adobe Flash player and Java edition 6 update 6. i did this both on the same day. ever since then, lightboxes don't work properly on my computer. It doesn't matter what site I go to - none work. I uninstalled Flash player and I uninstalled java update 6 and still they don't work. I tried to restore my computer back to then but there are no restore points prior to July 1. I have Windows Vista and I use IE7. I have another computer with same operating system and IE version that I didn't install Flash or update Java on and lightboxes work fine. I tried clearing all in IE and rebooting - I'm so frustrated I can't get lightboxes to work. Any ideas/suggestions? Thanks so much. Toni
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

rogerte
  • Locked
  • Question
Code that works on Windows, Android and Iphone
Replies
0
Views
555
rogerte
rogerte
AbidingDude
  • Locked
  • Question
replaceChild() and Keeping Relationships
Replies
1
Views
606
AbidingDude
AbidingDude
edgarv
  • Locked
  • Question
Field with numbers and characters get nan
Replies
1
Views
184
ggriffit
ggriffit
leifoet
  • Locked
  • Question
How to combine JS and ASP ?
Replies
5
Views
246
feherke
feherke
EEM6498
  • Locked
  • Question
Combine First_Name and Last_Name into Name - Javascript
Replies
1
Views
392
Praveen425188
Praveen425188

Part and Inventory Search

Sponsor

Back
Top