Results 1 to 4 of 4

Thread: Conveyor Belt Slideshow img opacity rollover

  1. #1
    Join Date
    Oct 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Conveyor Belt Slideshow img opacity rollover

    Hi all,

    I am using the Conveyor Belt Slideshow (http://www.dynamicdrive.com/dynamici...rightslide.htm) and would like to know if there is a way to set the opacity of the images down to say, 20% and then when the cursor rolls over the img it goes back to 100%.

    Is this possible?

    Thanks so much, if I can find an answer to this it would be extremely useful on my portfolio. I have already searched the DD forums and google but will keep trying.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,496
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Due to the differences in browsers, it might be easiest to use jQuery for that. Put this in the head of the page:

    Code:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
    Then in the function fillup() in the conveyor script add the highlighted as shown:

    Code:
    function fillup(){
    if (iedom){
    cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
    cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
    cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
    ;(function($){
    	$('#test2, #test3').find('img').css('opacity', 0.2)
    	.mouseover(function(){$(this).stop().animate({opacity: 1}, 'slow');})
    	.mouseout(function(){$(this).stop().animate({opacity: 0.2}, 'slow')});
    })(jQuery);
    actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
    cross_slide2.style.left=actualwidth+slideshowgap+"px"
    }
    else if (document.layers){
    ns_slide=document.ns_slidemenu.document.ns_slidemenu2
    ns_slide2=do . . .
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Oct 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Perfect John. Thank you, thank you, thank you!
    I'm very pleased to received a response that will help me as I really wanted this feature.

    Shona

  4. #4
    Join Date
    Jun 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    hello there,

    i also found this beautifull piece of software i'd like to put a text underneath the images. Is that possible? I've seen the reply about using title , but that is not what i am looking for. I;d like to place to lines of text underneath each image.

    Can you help me with that?

    kind regards,

    barry

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •