Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 11
  1. #1
    Junior Member
    Join Date
    May 2003
    Posts
    7
    Member #
    1294
    Hello All,

    I've been looking all around for a script that will do the following:

    1) Be a Horizontal Image Slider/ Marquee Script scrolling images from the right to the left with an endless loop. Being able to control the slider/ marquee size and speed

    2) Upon hovering over an image in the slider the slider with stop moving and swap images.

    3) Be able to click on the image and bring up another .html page in another frame

    4) After hovering out of the slider/ marquee the slider would re-start

    I found the following scripts:

    http://www.a1javascripts.com/dhtml/p...talslider.html

    But unfortunately it can not do #2 and #3

    Anyone have any ideas?
    Your help is desperately needed.

    Thanks for all the help

  2.  

  3. #2
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    i can do this if you give me an hour or so but i will need a more complex description of the points
    JR

  4. #3
    Junior Member
    Join Date
    May 2003
    Posts
    7
    Member #
    1294
    Not a problem, I'll try my best. What do you need, not really sure.

    Here's what I have so far after putting together a bunch of code I found. It works ok but I can't do an image swap upon mouse over.

    //Specify the slider's width (in pixels)
    var sliderwidth=305
    //Specify the slider's height
    var sliderheight=100
    //Specify the slider's slide speed (larger is faster 1-10)
    var slidespeed=1
    //configure background color:
    slidebgcolor="#000000"

    //Specify the slider's images
    var leftrightslide=new Array()
    var finalslide=''
    leftrightslide[0]='<a target="description" href="images/frontpage/desc1.htm"><img src="products/images/black/PLM-251tn.jpg" border=0 alt="LA Bor"></a>'
    leftrightslide[1]='<a target="description" href="images/frontpage/desc2.htm"><img src="products/images/black/PLP-511tn.jpg" border=0 alt="LA Bor"></a>'
    leftrightslide[2]='<a target="description" href="images/frontpage/desc3.htm"><img src="products/images/black/PLA-620tn.jpg" border=0 alt="Screwdriver"></a>'
    leftrightslide[3]='<a target="description" href="images/frontpage/desc4.htm"><img src="products/images/black/PLD-901tn.jpg" border=0 alt="Pen"></a>'
    leftrightslide[4]='<a target="description" href="images/frontpage/desc5.htm"><img src="products/images/black/PLA-695tn.jpg" border=0 alt="Screwdriver"></a>'


    var copyspeed=slidespeed
    leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
    var iedom=document.all||document.getElementById
    if (iedom)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+leftrightslide+'</span>')
    var actualwidth=''
    var cross_slide, ns_slide

    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=leftr ightslide
    actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
    cross_slide2.style.left=actualwidth+20
    }
    else if (document.layers){
    ns_slide=document.ns_slidemenu.document.ns_slideme nu2
    ns_slide2=document.ns_slidemenu.document.ns_slidem enu3
    ns_slide.document.write(leftrightslide)
    ns_slide.document.close()
    actualwidth=ns_slide.document.width
    ns_slide2.left=actualwidth+20
    ns_slide2.document.write(leftrightslide)
    ns_slide2.document.close()
    }
    lefttime=setInterval("slideleft()",30)
    }
    window.onload=fillup

    function slideleft(){
    if (iedom){
    if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
    cross_slide.style.left=parseInt(cross_slide.style. left)-copyspeed
    else
    cross_slide.style.left=parseInt(cross_slide2.style .left)+actualwidth+30

    if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
    cross_slide2.style.left=parseInt(cross_slide2.styl e.left)-copyspeed
    else
    cross_slide2.style.left=parseInt(cross_slide.style .left)+actualwidth+30

    }
    else if (document.layers){
    if (ns_slide.left>(actualwidth*(-1)+8))
    ns_slide.left-=copyspeed
    else
    ns_slide.left=ns_slide2.left+actualwidth+30

    if (ns_slide2.left>(actualwidth*(-1)+8))
    ns_slide2.left-=copyspeed
    else
    ns_slide2.left=ns_slide.left+actualwidth+30
    }
    }


    if (iedom||document.layers){
    with (document){
    document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
    if (iedom){
    write('<div style="position:relative;width:'+sliderwidth+';hei ght:'+sliderheight+';overflow:hidden">')
    write('<div style="position:absolute;width:'+sliderwidth+';hei ght:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
    write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
    write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
    write('</div></div>')
    }
    else if (document.layers){
    write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
    write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
    write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
    write('</ilayer>')
    }
    document.write('</td></table>')
    }
    }

  5. #4
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    right i see, is it on a page anywhere so i can see what i am working with?

    i should be able to do this
    JR

  6. #5
    Junior Member
    Join Date
    May 2003
    Posts
    7
    Member #
    1294
    files - 1 of 2 - HTML

    I'm developing on my HD.

    Here are the files I have

  7. #6
    Junior Member
    Join Date
    May 2003
    Posts
    7
    Member #
    1294
    files - 2 of 2 - JS

    file 2

  8. #7
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    i will start right away -

    what are the names of the images you want them swapped to?
    JR

  9. #8
    Junior Member
    Join Date
    May 2003
    Posts
    7
    Member #
    1294
    Wow you are fast.

    How about just adding _a after the name

    products/images/black/PLM-251tn.jpg

    to

    products/images/black/PLM-251tn_a.jpg

    Thanks for all the fast help

  10. #9
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    see if the mouseovers work before i go any further (sorry for the wait)
    JR

  11. #10
    Junior Member
    Join Date
    May 2003
    Posts
    7
    Member #
    1294
    image 1

    Nope doesn't look like it.. I'm getting an erroe on the page as well

    Line: 1
    Char:17
    Error: Expected ';'
    Code: 0


    Here are 2 of the images you can play with
    Attached Images Attached Images


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

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

Search tags for this page

have an image move horizontally using javascript

,

horizontal image marquee javascript

,

image marquee javascript

,
image marquee js
,

javascript image marquee script

,
javascript images-marquee
,
marquee image slider in html
,

marquee moving image javascript

,
picture marquee java script
,
vertical image marquee javascript
Click on a term to search for related topics.
All times are GMT -6. The time now is 09:58 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com