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 2 of 2

Thread: javascript help

  1. #1
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    javascript help

    sorry about my english...

    i have logo slider in javascript

    this is the code:



    var displayWaitMessage=true; // Display a please wait message while images are loading?


    var activeImage = false;
    var imageGalleryLeftPos = false;
    var imageGalleryWidth = false;
    var imageGalleryObj = false;
    var maxGalleryXPos = false;
    var slideSpeed = -1;
    var imageGalleryCaptions = new Array();
    function startSlide(e)
    {
    if(document.all)e = event;
    var id = this.id;
    if(this.id=='arrow_right'){
    slideSpeedMultiply = Math.floor((e.clientX - this.offsetLeft) / 5);
    slideSpeed = -1*slideSpeedMultiply;
    slideSpeed = Math.max(-10,slideSpeed);
    }else{
    slideSpeedMultiply = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
    slideSpeed = 1*slideSpeedMultiply;
    slideSpeed = Math.min(10,slideSpeed);
    if(slideSpeed<0)slideSpeed=10;
    }
    }

    function releaseSlide()
    {
    var id = this.id;
    slideSpeed=-1;
    }

    function gallerySlide()
    {
    if(slideSpeed!=0){
    var leftPos = imageGalleryObj.offsetLeft;
    leftPos = leftPos/1 + slideSpeed;
    if(leftPos>maxGalleryXPos){
    leftPos = maxGalleryXPos;
    slideSpeed = 0;

    }
    if(leftPos<minGalleryXPos){
    leftPos = minGalleryXPos;
    slideSpeed=0;
    }

    imageGalleryObj.style.left = leftPos + 'px';
    }
    setTimeout('gallerySlide()',50);

    }

    function showImage()
    {
    if(activeImage){
    activeImage.style.filter = 'alpha(opacity=50)';
    activeImage.style.opacity = 0.5;
    }
    this.style.filter = 'alpha(opacity=100)';
    this.style.opacity = 1;
    activeImage = this;
    }

    function initSlideShow()
    {
    document.getElementById('arrow_left').onmousemove = startSlide;
    document.getElementById('arrow_left').onmouseout = releaseSlide;
    document.getElementById('arrow_right').onmousemove = startSlide;
    document.getElementById('arrow_right').onmouseout = releaseSlide;


    imageGalleryObj = document.getElementById('theImages');
    imageGalleryLeftPos = imageGalleryObj.offsetLeft;
    imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth - 80;
    maxGalleryXPos = imageGalleryObj.offsetLeft;
    minGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd').offsetLeft;
    var slideshowImages = imageGalleryObj.getElementsByTagName('IMG');
    for(var no=0;no<slideshowImages.length;no++){
    slideshowImages[no].onmouseover = showImage;
    }

    var divs = imageGalleryObj.getElementsByTagName('DIV');
    for(var no=0;no<divs.length;no++){
    if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
    }
    gallerySlide();
    }

    function showPreview(imagePath,imageIndex){
    var subImages = document.getElementById('previewPane').getElementsByTagName('IMG');
    if(subImages.length==0){
    var img = document.createElement('IMG');
    document.getElementById('previewPane').appendChild(img);
    }else img = subImages[0];

    if(displayWaitMessage){
    document.getElementById('waitMessage').style.display='inline';
    }
    document.getElementById('largeImageCaption').style.display='none';
    img.onload = function() { hideWaitMessageAndShowCaption(imageIndex-1); };
    img.src = imagePath;

    }
    function hideWaitMessageAndShowCaption(imageIndex)
    {
    document.getElementById('waitMessage').style.display='none';
    document.getElementById('largeImageCaption').innerHTML = imageGalleryCaptions[imageIndex];
    document.getElementById('largeImageCaption').style.display='block';

    }
    window.onload = initSlideShow;





    now when it's get to the last logo the slider is stop, and you can move with the arrow right and left and want to change that the slider don't stop and keep move in looping.

    i really need help!

    thank you very much.

  • #2
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    17,918
    Thanks
    203
    Thanked 2,531 Times in 2,509 Posts
    You have posted this in three different forums. That is expressly prohibited by the forum rules.


  •  

    Posting Permissions

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