слайд-шоу внутри фантазии - PullRequest
Новая
       15

слайд-шоу внутри фантазии

1 голос
/ 23 июля 2011 
<script type="text/javascript">
    $(document).ready(function() {
        $("a#logo").fancybox({
                'transitionIn'  : 'elastic',
                'transitionOut' : 'elastic'
            }).trigger('click');
    });
</script>
</head>
<body>
<center>
    <a id="logo" href="../../images/mav/mission.png"><img id="imageSlide" alt="imageSlide" src="images/banners2/banner1.png" style="height:255px; border:none; margin-top:0px; margin-left:0px;"  align="middle"/></a>
</center>
</body>

.hi, ребята, основываясь на коде выше, у меня в настоящее время есть fancybox, который выскакивает при загрузке страницы.сейчас он отображает изображение внутри атрибута href = "".Что я могу сделать, чтобы изображение переключилось на другое изображение с интервалом 8 секунд, например.На самом деле у меня есть только два изображения, и я хочу, чтобы они автоматически переключались каждые 8 ​​секунд.

Ответы [ 2 ]

0 голосов
/ 23 июля 2011

Просто курьезы - разве fancybox не загружает div?

Не могли бы вы поместить слайдер в этом div?

jQuery slider

Таким образом, вы должны установить div в вашем div'е fancbox и сделать это: 

$(function(){
  $("#slides").slides({
       play: 5000,
       effect: 'fade',
       slideSpeed: 8000,
       crossfade: true,
       fadeEasing: "easeOutQuad",
       hoverPause: false
  });
});

Извините, если я неправильно понимаю, как работает fancybox.

0 голосов
/ 23 июля 2011

Попробуйте jquery Cycle затем http://jquery.malsup.com/cycle/

$(document).ready(function() {
    $('slideshow').cycle({
        fx: 'fade',
            timeout: 8000
    });
});

<div class="slideshow"> 
        <a href="linkHere"><img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" /></a> 
        <a href="linkHere"><img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" /></a> 
    </div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...