Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15
  1. #1
    Regular Coder
    Join Date
    Jun 2002
    Location
    London, UK
    Posts
    127
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Rotating Images

    Hi,

    do you know of any script that allows for the horizontal or vertical rotation of images in a 'virtual' circle.

    DHTMLHELP
    Last edited by dhtmlhelp; 06-02-2003 at 11:23 PM.

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Posts
    626
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Something like this from JavaScriptkit's Free Script Section:
    http://www.wsabstract.com/script/script2/jsslide.shtml

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    FL, USA
    Posts
    734
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I think this slideshow stands out from the rest of em

    http://www.wsabstract.com/script/scr...lideshow.shtml

    Happy Scripting
    CYWebmaster.com - See why we dot com!!
    ACJavascripts.com - Cut & Paste Javascripts!
    SimplyProgram.com - Personal Blog

  • #4
    Regular Coder
    Join Date
    Jun 2002
    Location
    FL, USA
    Posts
    734
    Thanks
    0
    Thanked 0 Times in 0 Posts
    To change the direction just put what is boldfaced below.
    About making the images clickable, ?? hehe, unless you just want it to be one link, in that case just sround the img tag with a link.

    ----------

    <img src="photo1.jpg" name="cube" border=0 style="filterrogidXImageTransform.Microsoft.Stretch(stretchStyle='PULL')">

    --------

    They had it set to push, you can also set it to pull.



    Hope this helps
    CYWebmaster.com - See why we dot com!!
    ACJavascripts.com - Cut & Paste Javascripts!
    SimplyProgram.com - Personal Blog

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    London, UK
    Posts
    127
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi ACJ,

    is there any way of making each image clickable with its own hyperlink, rather than one link for all images?

    DHTMLHELP

  • #6
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    is there any way of making each image clickable with its own hyperlink, rather than one link for all images?
    Yes,

    Code:
    var specifyimage=new Array() //Your images
    specifyimage[0]="photo1.jpg"
    specifyimage[1]="photo2.jpg"
    specifyimage[2]="photo3.jpg"
    
    var linkformimage=new Array()//Links to match your images
    linkforimage[0]="a.htm"
    linkforimage[1]="b.htm"
    linkforimage[2]="c.htm"
    
    var clickdest = linkforimage[0]
    
    ...
    
    function movecube(){
    if (window.createPopup)
    cube.filters[0].apply()
    document.images.cube.src=cubeimage[count].src;
    clickdest = linkforimage[count]
    if (window.createPopup)
    cube.filters[0].play()
    count++;
    if (count==cubeimage.length)
    count=0;
    setTimeout("movecube()",delay)
    }
    
    
    ...
    
    <img src="photo1.jpg" name="cube"  border=0 style="filter: progid: DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')" onclick="location.href=clickdest;return true;">
    Last edited by Roy Sinclair; 08-01-2002 at 03:40 AM.

  • #7
    Supreme Master coder! glenngv's Avatar
    Join Date
    Jun 2002
    Location
    Philippines
    Posts
    10,949
    Thanks
    0
    Thanked 236 Times in 233 Posts
    cool script!

    setting to PULL will make the sliding effect coming from the center outward, not the opposite of PUSH which slides/rotates to the right? What is the value for sliding to the left?
    Can I change the Stretch property programmatically? Because I have previous/next buttons on my slideshow and I want it to slide to the right when next is clicked and to the left when previous is clicked.

    thnx!

    Originally posted by ACJavascript
    To change the direction just put what is boldfaced below.
    About making the images clickable, ?? hehe, unless you just want it to be one link, in that case just sround the img tag with a link.

    ----------

    <img src="photo1.jpg" name="cube" border=0 style="filterrogidXImageTransform.Microsoft.Stretch(stretchStyle='PULL')">

    --------

    They had it set to push, you can also set it to pull.



    Hope this helps

  • #8
    Regular Coder
    Join Date
    Jun 2002
    Location
    The Planet Earth Code Poet: True
    Posts
    282
    Thanks
    0
    Thanked 1 Time in 1 Post
    Here is Microsoft's sample page for this routine:

    http://msdn.microsoft.com/workshop/s...er/Stretch.htm

  • #9
    Regular Coder
    Join Date
    Jun 2002
    Location
    FL, USA
    Posts
    734
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hehe, to be honest glenn,
    I looked at the script and it sayed push, I thought, Well if left to right is push, then pull should be right to left, its not really but it seemed to do the trick, so i really don't know the coding to make it do that, mabye the link above this reply that John put will shed some light on it
    CYWebmaster.com - See why we dot com!!
    ACJavascripts.com - Cut & Paste Javascripts!
    SimplyProgram.com - Personal Blog

  • #10
    Regular Coder
    Join Date
    Jun 2002
    Location
    FL, USA
    Posts
    734
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hey dhtmlhelp, okay, i get the same error but i fixed it so that theres no more error, to be honest i don't remeber how i did it heheheh


    so try this see if you still get the error

    ---------

    <script language="JavaScript1.1">
    //Picture Cube slideshow - By Tony Foster III
    //Modifications by JK
    //Visit JavaScript Kit (http://javascriptkit.com) for script
    var specifyimage=new Array() //Your images
    specifyimage[0]="img/vcontent.gif"
    specifyimage[1]="img/vcontent2.gif"
    specifyimage[2]="img/vcontent3.gif"

    var linkforimage=new Array()//Links to match your images
    linkforimage[0]="a.htm"
    linkforimage[1]="b.htm"
    linkforimage[2]="c.htm"

    var clickdest = linkforimage[0]

    var delay=3000 //3 seconds

    //Counter for array
    var count =1;

    var cubeimage=new Array()
    for (i=0;i<specifyimage.length;i++){
    cubeimage[i]=new Image()
    cubeimage[i].src=specifyimage[i]
    }

    function movecube(){
    if (window.createPopup)
    cube.filters[0].apply()
    document.images.cube.src=cubeimage[count].src;
    clickdest = linkforimage[count]
    if (window.createPopup)
    cube.filters[0].play()
    count++;
    if (count==cubeimage.length)
    count=0;
    setTimeout("movecube()",delay)
    }

    window.onload=new Function("setTimeout('movecube()',delay)")
    </script>

    <div id="Layer1" style="position:absolute; left:21px; top:350px; width:128px; height:100px; z-index:1">
    <a onfocus="this.blur();" href="sg/os/os.html" onMouseOver="window.status='***** Hello *****'; return true;" onClick="window.status='***** Hello *****'; return true;" onMouseOut="window.status=''; return true;">
    <img src="img/vcontent.gif" name="cube" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')" width=128 height=100 onclick="location.href=clickdest;return true;" alt="">
    </a>
    </div>


    -------------------


    HappyScripting
    CYWebmaster.com - See why we dot com!!
    ACJavascripts.com - Cut & Paste Javascripts!
    SimplyProgram.com - Personal Blog

  • #11
    Regular Coder
    Join Date
    Jun 2002
    Location
    FL, USA
    Posts
    734
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hehe, I got your pm, but i couldn't find the script on your page
    If you could specify the page it would be nice

    I await reply
    CYWebmaster.com - See why we dot com!!
    ACJavascripts.com - Cut & Paste Javascripts!
    SimplyProgram.com - Personal Blog

  • #12
    Regular Coder
    Join Date
    Jun 2002
    Location
    FL, USA
    Posts
    734
    Thanks
    0
    Thanked 0 Times in 0 Posts
    two things,

    1) The page didn't have it on it, from what i saw

    2) I can't right click so i can't see the problem. Can you turn off the no right click for that page.



    CYWebmaster.com - See why we dot com!!
    ACJavascripts.com - Cut & Paste Javascripts!
    SimplyProgram.com - Personal Blog

  • #13
    Regular Coder
    Join Date
    Jun 2002
    Location
    FL, USA
    Posts
    734
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay i think the problem might be this, you have window.onload for the slideshow, but you also have an onLoad within the body tag, I think there canceling eachother out, or the onLoad is just overriding the slideshow. So make them either both window.onloads or make the both onLoads within the body tag.


    *fingers crossed* hope this works heheh :
    CYWebmaster.com - See why we dot com!!
    ACJavascripts.com - Cut & Paste Javascripts!
    SimplyProgram.com - Personal Blog

  • #14
    New to the CF scene
    Join Date
    Apr 2005
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry for bringing this up again.

    I wanted to use this beautiful script, but I have one question:
    is it possible to add a target to the hyperlinks? I want the script in another frame then I want the links to go to. Is that possible and can anybody help me with that?

    Thanks a bunch!

  • #15
    Supreme Master coder! glenngv's Avatar
    Join Date
    Jun 2002
    Location
    Philippines
    Posts
    10,949
    Thanks
    0
    Thanked 236 Times in 233 Posts
    Use another slideshow script. This is a better script as you can use multiple slideshows in a page unlike the other scripts posted here.


  •  

    Posting Permissions

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