www.webdeveloper.com
Results 1 to 2 of 2

Thread: Problem with a slider: it appears below a menu and time lapse without an image.

Hybrid View

  1. #1
    Join Date
    Jul 2012
    Location
    Vantaa, Finland
    Posts
    125

    Problem with a slider: it appears below a menu and time lapse without an image.

    I'm not a proper programmer, but i'm giving it a bash. I've copied some code from a book for a web slider.

    It almost works, but there are three problems that need to be resolved;

    The images appear under a nav bar
    The nav bar should be at the bottom of the images
    When the cycle is complete there is a time lapse without any image.

    You can see these problems here

    This is what I want the page to look like but with the head images changing

    This is the code that I have put into the head section;

    HTML Code:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    This is the html for the images
    HTML Code:
    <!-- CODE FOR THE IMAGES AND SLIDING -->
    <div class="fadein">
      <img src="http://what-do-christians-believe.co.uk/test/bible_spk.png">
      <img src="http://what-do-christians-believe.co.uk/test/pan_park.png">
      <img src="http://what-do-christians-believe.co.uk/test/easter.png">
    This is the jquery for the slider
    Code:
    <script>
    $(function(){
    	$('.fadein img:gt(0)').hide();
    	setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
    });
    </script>
    What code do I need to sort out the problems. Thanks.

  2. #2
    Join Date
    Jul 2012
    Location
    Vantaa, Finland
    Posts
    125

    resolved

    resolved

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles