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 4 of 4
  1. #1
    New Coder
    Join Date
    May 2013
    Posts
    19
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Image Rotator Carousel Issues

    I am having an image carousel that is not working correctly. I am developing my website with Xara Web Designer (WYSIWYG) tools. In my Image Rotator Space I have the following code to attach to the header and to the body

    Code:
    <head>
    <link rel="Stylesheet" type="text/css" href="http://www.signstopusa.com/carousel.css" />
        
        <script type="text/javascript" src="http://www.signstopusa.com/Carousel/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="http://www.signstopusa.com/Carousel/jquery.mousewheel.min.js"></script>
        <script type="text/javascript" src="http://www.signstopusa.com/Carousel/jquery.carousel-1.1.js"></script>
            
        
        <script type="text/javascript">
            $(document).ready(function(){
            
                $('.carousel').carousel({hAlign:'center', vAlign:'center', hMargin:0.4,  frontWidth:462, frontHeight:306, carouselWidth:900, carouselHeight:360, autoplayInterval:1500, shadow:true, }) ;                                 
                        
            });
        </script><!-- -->
    </head>
    
    <body>
    
    <div id="xmedia" class="xmedia">
      <!-- --> <div class="carousel"> <!-- BEGIN CAROUSEL -->
        
        <div class="slides"> <!-- BEGIN SLIDES -->
        
            <div> <!-- SLIDE ITEM -->
                <a href="#"> 
                    <img src="http://www.signstopusa.com/Carousel/vanguard-tractor-lettering-lg.jpg"width="462" height="306" />
                </a>            
            </div>
            
            <div> <!-- SLIDE ITEM -->
                <a href="#"> 
                    <img src="http://www.signstopusa.com/Carousel/custom-wall-lettering-bedroom.jpg" width="462" height="306"/>
                </a>            
            </div>
            
            <div> <!-- SLIDE ITEM -->
                <a href="#"> 
                    <img src="http://www.signstopusa.com/Carousel/Cut_Vinyl_Graphics.jpg" width="462" height="306" />
                </a>            
            </div>
            
            <div> <!-- SLIDE ITEM -->
                <a href="#"> 
                    <img src="http://www.signstopusa.com/Carousel/Temple Fitness signs.jpg" width="462" height="306" />
                </a>            
            </div>
            
          
                           
        </div> <!-- END SLIDES -->
           
    </div> <!-- END CAROUSEL --><!-- -->
      </div>
    
    </body>
    Please Double check this and see if you see any blatant errors.

    I am not very good at code, I just look for something already created and look at the source code if available and make adjustments from there. Not 100% sure on all the functions or coding.

    Tyson

  • #2
    New Coder
    Join Date
    Jun 2005
    Location
    Blackpool. UK
    Posts
    98
    Thanks
    0
    Thanked 4 Times in 4 Posts
    Define "not working correctly".
    Chris

    Indifference will be the downfall of mankind, but who cares?

  • #3
    New Coder
    Join Date
    May 2013
    Posts
    19
    Thanks
    1
    Thanked 0 Times in 0 Posts
    When I am doing my testing, it works in the output program (Mock Browser) created by Xara. But when actually loaded into Chrome or Firefox, there is no rotate functionality (movement of the slides or use of the wheel).

    I have found a couple of js coding that was not connected, but after connecting it, there still seems to be the same problem.

    Problem is the rotator or carousel does not rotate. It is formatted well but doesn't seem to rotate.

    Here is the actual page I need to rotate the 4 images on (To Rotate in a circle Pattern).

    http://www.signstopusa.com/cut%20vinyl.htm

  • #4
    New Coder
    Join Date
    Jun 2005
    Location
    Blackpool. UK
    Posts
    98
    Thanks
    0
    Thanked 4 Times in 4 Posts
    First step should be to get rid of the space in the URL
    Chris

    Indifference will be the downfall of mankind, but who cares?


  •  

    Posting Permissions

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