SLIDER untuk <div> bukan Image .img

Saya mempunyai slider yang dihalaman sebelumnya fungsi muouse hover berhasil dimana jika pointer masuk ke area slide maka slide akan berhenti berjalan selama pointer masih berada disana. Saat saya menerapkan nya kehalamn yang lain fungsi hover nya tidak berjalan.

ini adalah code yang fungsi hovernya berjalan

 <script type="text/javascript">
/*<![CDATA[*/$(document).ready(function() {
    $(".paging").show();
    $(".paging a:first").addClass("active");

var imageWidth = $(".easyslider").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;

    $(".image_reel").css({'width' : imageReelWidth});

rotate = function(){ var triggerID = $active.attr("rel") - 1;

var image_reelPosition = triggerID * imageWidth;

    $(".paging a").removeClass('active');
        $active.addClass('active');

    $(".easytitledes").stop(true,true).slideUp('slow');
    $(".easytitledes").eq(
    $('.paging a.active').attr("rel") - 1 ).slideDown("slow");
    $(".image_reel").animate({left: -image_reelPosition}, 400 );
    };

rotateSwitch = function(){
    $(".easytitledes").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");

play = setInterval(function(){
    $active = $('.paging a.active').next();

if ( $active.length === 0) {
    $active = $('.paging a:first'); } rotate(); }, 8000); };

rotateSwitch(); $(".image_reel a, .easytitledes a").hover(function() {
    clearInterval(play); }, function() { rotateSwitch();
    });
    $(".paging a").click(function() { $active = $(this);
    clearInterval(play); rotate(); rotateSwitch();  return false;
    });
});
/*]]>*/</script>

sementara ini adalah code dimana hovernya tidak mau berjalan lagi, bedanya dengan diatas ada <div> yang memanggil ajax yang disimpan dalam file .php


<script type="text/javascript">
		//$(".modalbox").fancybox();

		$(document).ready(function() {
			grafik1();
			grafik5();
			grafik6();

            $(".datepicker2").val("");

            $("#prd1").val(<?= date('Y') ?>+"-01-01");
            var d = new Date(),
			date = (d.getUTCFullYear())+'-'+(d.getUTCMonth()+1)+'-'+(d.getUTCDate());

			$("#prd2").val(date);

            $('.datepicker2').pickadate({
              selectMonths: true, // Creates a dropdown to control month
              selectYears: 100,
              format: 'yyyy-mm-dd',
              onSet: this.handleDateChange // returns { select: dateInMilliseconds }
            });

            isichart();
            isichartdua();
			isicharttiga();
			isichartempat();

            $('#prd1').change(function()
            {
            isichart();
            isichartdua();
			isicharttiga();
			isichartempat();


            });

            $('#prd2').change(function()
            {
            isichart();
			isichartdua();
			isicharttiga();
			isichartempat();


            });


            function isichart()
            {

                prd1 = $('#prd1').val();
                prd2 = $('#prd2').val();

                $('#container2').html("");
                $.ajax({
                    url:"ajax/home.php",
                    data: "op=isichart&prd1="+prd1+"&prd2="+prd2,
                    cache:false,
                    success:function(msg) {
                        //alert(msg);
                        $('#container2').html(msg);
                    }
                });
            }

			function isichartdua()
            {

                prd1 = $('#prd1').val();
                prd2 = $('#prd2').val();

                $('#container2a').html("");
                $.ajax({
                    url:"ajax/home2.php",
                    data: "op=isichart&prd1="+prd1+"&prd2="+prd2,
                    cache:false,
                    success:function(msg) {
                        //alert(msg);
                        $('#container2a').html(msg);
                    }
                });
            }

			function isicharttiga()
            {

                prd1 = $('#prd1').val();
                prd2 = $('#prd2').val();

                $('#container3').html("");
                $.ajax({
                    url:"ajax/home3.php",
                    data: "op=isichart&prd1="+prd1+"&prd2="+prd2,
                    cache:false,
                    success:function(msg) {
                        //alert(msg);
                        $('#container3').html(msg);
                    }
                });
            }

			function isichartempat()
            {

                prd1 = $('#prd1').val();
                prd2 = $('#prd2').val();

                $('#container4').html("");
                $.ajax({
                    url:"ajax/home4.php",
                    data: "op=isichart&prd1="+prd1+"&prd2="+prd2,
                    cache:false,
                    success:function(msg) {
                        //alert(msg);
                        $('#container4').html(msg);
                    }
                });
            }

			function isicharlima()
            {

                prd1 = $('#prd1').val();
                prd2 = $('#prd2').val();

                $('#container5').html("");
                $.ajax({
                    url:"ajax/home5.php",
                    data: "op=isichart&prd1="+prd1+"&prd2="+prd2,
                    cache:false,
                    success:function(msg) {
                        //alert(msg);
                        $('#container5').html(msg);
                    }
                });
            }

		});



</script>

Apakah ada yang salah dengan code berikut?

avatar barkah03
@barkah03

33 Kontribusi 9 Poin

Dipost 5 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban