Results 1 to 2 of 2

Thread: Sequential Content Revealer & Cmotion Gallery 2 - Problem!!

  1. #1
    Join Date
    Oct 2010
    Posts
    11
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default Sequential Content Revealer & Cmotion Gallery 2 - Problem!!

    1) Script One Title: Sequential Content Revealer

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici.../seqreveal.htm

    3) Script Two Title: Cmotion Image Gallery II - modified for the images to loop when the end of the gallery is reached. The modified script was provided here in a thread that I cannot manage to find again...

    The original Cmotion Image Gallery 2 script link here on Dynamic Drive is http://www.dynamicdrive.com/dynamici...ongallery2.htm

    Below is the modified script for the Cmotion Image Gallery to loop infinitely

    Code:
    var restarea=6 //1) width of the "neutral" area in the center of the gallery in px
    var maxspeed=8 //2) top scroll speed in pixels. Script auto creates a range from 0 to top speed.
    var running=1  //3) Set to 1 for default scrolling onmouseout except for when gallery is already stopped.
    
    function enlargeimage(path, optWidth, optHeight){ //function to enlarge image. Change as desired.
    var actualWidth=typeof optWidth!="undefined" ? optWidth : "600px" //set 600px to default width
    var actualHeight=typeof optHeight!="undefined" ? optHeight : "500px" //set 500px to  default height
    var winattributes="width="+actualWidth+",height="+actualHeight+",resizable=yes"
    window.open(path,"", winattributes)
    }
    
    ////NO NEED TO EDIT BELOW THIS LINE////////////
    
    var iedom=document.all||document.getElementById
    var scrollspeed=0
    var movestate=""
    
    var actualwidth=''
    var cross_scroll_0, cross_scroll_1, ns_scroll
    var loadedyes=0
    
    function ietruebody(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    
    
    function getposOffset(what, offsettype){
    var totaloffset=(offsettype=="left")? what.offsetLeft: what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
    }
    return totaloffset;
    }
    
    
    function moveleft(){
    if (iedom&&loadedyes){
    movestate="left"
    if (parseInt(cross_scroll_0.style.left)<(-actualwidth))
    cross_scroll_0.style.left=parseInt(cross_scroll_1.style.left)+actualwidth+"px"
    if (parseInt(cross_scroll_1.style.left)<(-actualwidth))
    cross_scroll_1.style.left=parseInt(cross_scroll_0.style.left)+actualwidth+"px"
    cross_scroll_0.style.left=parseInt(cross_scroll_0.style.left)-scrollspeed+"px"
    cross_scroll_1.style.left=parseInt(cross_scroll_1.style.left)-scrollspeed+"px"
    //showhidediv("visible")
    }
    lefttime=setTimeout("moveleft()",10)
    }
    
    function moveright(){
    if (iedom&&loadedyes){
    movestate="right"
    if (parseInt(cross_scroll_0.style.left)>0)
    cross_scroll_1.style.left=parseInt(cross_scroll_0.style.left)-actualwidth+"px"
    if (parseInt(cross_scroll_1.style.left)>0)
    cross_scroll_0.style.left=parseInt(cross_scroll_1.style.left)-actualwidth+"px"
    cross_scroll_0.style.left=parseInt(cross_scroll_0.style.left)+scrollspeed+"px"
    cross_scroll_1.style.left=parseInt(cross_scroll_1.style.left)+scrollspeed+"px"
    }
    righttime=setTimeout("moveright()",10)
    }
    
    function motionengine(e){
    var dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft;
    var dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop;
    var curposy=window.event? event.clientX : e.clientX? e.clientX: ""
    curposy-=mainobjoffset-dsocx
    var leftbound=(menuwidth-restarea)/2
    var rightbound=(menuwidth+restarea)/2
    if (curposy>rightbound){
    scrollspeed=Math.floor((curposy-rightbound)/((menuwidth-restarea)/2) * maxspeed)
    if (window.righttime) clearTimeout(righttime)
    if (movestate!="left") moveleft()
    }
    else if (curposy<leftbound){
    scrollspeed=(leftbound-curposy)/((menuwidth-restarea)/2) * maxspeed
    if (window.lefttime) clearTimeout(lefttime)
    if (movestate!="right") moveright()
    }
    else
    scrollspeed=0
    }
    
    function contains_ns6(a, b) {
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
    }
    
    function stopmotion(e){
    if ((window.event&&!crossmain.contains(event.toElement)) || (e && e.currentTarget && e.currentTarget!= e.relatedTarget && !contains_ns6(e.currentTarget, e.relatedTarget))){
    if (window.lefttime) clearTimeout(lefttime)
    if (window.righttime) clearTimeout(righttime)
    movestate=""
    }
    }
    
    function fillup(){
    if (iedom){
    crossmain=document.getElementById? document.getElementById("motioncontainer") : document.all.motioncontainer
    menuwidth=parseInt(crossmain.style.width)
    mainobjoffset=getposOffset(crossmain, "left")
    cross_scroll_0=document.getElementById? document.getElementById("motiongallery_0") : document.all.motiongallery_0
    cross_scroll_1=document.createElement('div')
    cross_scroll_1.style.position='absolute'
    cross_scroll_1.style.whiteSpace='nowrap'
    extra=document.createElement('nobr')
    extra.innerHTML=document.all? document.all['trueContainer'].innerHTML : document.getElementById("trueContainer").innerHTML
    cross_scroll_1.appendChild(extra)
    crossmain.appendChild(cross_scroll_1)
    actualwidth=document.all? cross_scroll_0.offsetWidth : document.getElementById("trueContainer").offsetWidth
    cross_scroll_1.style.left=actualwidth+'px'
    crossmain.onmousemove=function(e){
    motionengine(e)
    }
    
    crossmain.onmouseout=function(e){
    stopmotion(e)
    }
    }
    loadedyes=1
    }
    window.onload=fillup// JavaScript Document
    4) Describe problem: I am using the Cmotion script to make sure that once the string of images scroll to the end that it loops back.

    BUT at the same time I am trying to do it so that the images load sequentially from left to right.

    The problem arises when I have both scripts running at the same time ONLY IN SAFARI - the cmotion image gallery stops looping - they stop at the end I can't figure out why....

    Any help would be greatly appreciated!
    Last edited by jscheuer1; 10-27-2010 at 07:42 AM. Reason: format code

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

    Default

    Please post a link to a page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

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

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
  •