Pictures and Mouseover Conundrum! -...

User 282670 Photo


Registered User
3,940 posts

Thanks Jim,
I'm going to give that a try as well! :)




User 291856 Photo


Registered User
55 posts

Jim,
Thank you , I have tried all things with Visual Lightbox, and I cannot seem to get it up and running smoothly on my page that I need it. So I will try working with "Colorbox"
The sample looks so nice that you included to show me...very neat and precisley what I have been looking for ..I just hope I can do it....time..I just need time to learn...I guess.
Thank you for your support I do appreciate the effort...
When I have it working I will be back to show you ..
Martha
User 126492 Photo


Ambassador
1,525 posts

Bruzer wrote:
Thanks Jim,
I'm going to give that a try as well! :)


No probs, it is quite easy.

One thing to remember is about this line of code:-

<!--[if IE]> <link type="text/css" media="screen" rel="stylesheet" href="colorbox-ie.css" title="example" /> <![endif]-->


There is a mention of it in the tutorial and you will not need it, it is the first bit of code that goes above the </head> tag.
Jim
---------------------------
User 126492 Photo


Ambassador
1,525 posts

DOODLES wrote:
Jim,
Thank you , I have tried all things with Visual Lightbox, and I cannot seem to get it up and running smoothly on my page that I need it. So I will try working with "Colorbox"
The sample looks so nice that you included to show me...very neat and precisley what I have been looking for ..I just hope I can do it....time..I just need time to learn...I guess.
Thank you for your support I do appreciate the effort...
When I have it working I will be back to show you ..
Martha


If you get stuck just give me a shout, it is really easy to do and you only have to master it once.

Take note of what I said to Bruzer above.

To make it easier for you, look at the attached .txt file, it contains the code you need to paste into the first HTML box. the line of code below is the one you want for a slide show.

$("a[rel='curbar2']").colorbox({slideshow:true});


All you need to do then is view my source to see how the images are called.
Attachments:
Jim
---------------------------
User 282670 Photo


Registered User
3,940 posts

Thanks Jim, I figure once I get this done, I'll make a quick tutorial for it, like I did with lightbox hehehehe!
http://www.kellyinfo.com/MyFiles/tutorials/lightbox.html
like I said a quick one. Thanks again. :)




User 126492 Photo


Ambassador
1,525 posts

You go for it.
Jim
---------------------------
User 291856 Photo


Registered User
55 posts

Hi Doodles,
if you upload the 3 folders provided, css, js, images
then add the code below (using your image name(tn_80s_punk.jpg being the thumbnail)and change the large image to the same name=


Do I add these files to my public_html folder? or to my header on th epage I am creating the photos on.
Pardon my deep ignorance..

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.