Сегодня: Дата  Время: Время

Пример изменения картинки мышью


Прокрутите колесико мыши вперед для увеличения и

Обратно для уменьшения размера изображения





Открыть комментарии →

5 комментариев :

  1. Золотое правило жизни: не переживай из-за того, что ты не в силах изменить, прими ситуацию такой, какая она есть. Ведь мы не пытаемся изменить погоду, а просто одеваемся по погоде.

    ОтветитьУдалить
  2. Понедельник - отходим от выходных, вторник - готовимся к работе, среда - работаем, четверг - отдыхаем от работы, пятница - готовимся к выходным. Вывод: может, хватит уже работать по средам!!!
    :-# [-(

    ОтветитьУдалить
  3. <style>
    #slideshow {
    margin: 5px auto;
    position: relative;
    width: 200px;
    height: 330px;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    }

    #slideshow > div {
    position: absolute;
    top: 10px;
    left: 5px;
    right: 5px;
    bottom: 10px;
    }
    </style>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    <script>
    $(function() {
    $("#slideshow > div:gt(0)").hide();
    setInterval(function() {
    $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
    }, 3000);
    });
    </script>

    <br />
    <div id="slideshow">
    <div>
    <a href="http://www.bdblogov.ru/"><img src="http://3.bp.blogspot.com/-p08igjoFKtA/U3VmAMGFB8I/AAAAAAAAEUM/f3f6I3RBUjw/s1600/061_2.JPG" height="300" width="190" /></a><br />
    <center>
    <a href="http://www.bdblogov.ru/">Блог для Блогов</a></center>
    </div>
    <div>
    <a href="http://goazhetybloga.blogspot.com/"><img src="http://4.bp.blogspot.com/-yweNlmNPZ_E/U3VmgYn_cJI/AAAAAAAAEUU/XmpKqIhuZG8/s1600/010.JPG" height="300" width="190" /></a><br />
    <center>
    <a href="http://goazhetybloga.blogspot.com/">Тестовый блог 1</a></center>
    </div>
    <div>
    <a href="http://demo-q.blogspot.com/"><img src="http://3.bp.blogspot.com/-T7fQF5NMI50/U3Vmw9IQ2fI/AAAAAAAAEUc/XPr1cEGwc7U/s1600/12K9R703.JPG" height="300" width="190" /></a><br />
    <center>
    <a href="http://demo-q.blogspot.com/">Тестовый блог 2</a></center>
    </div>
    <div>
    <a href="http://demoblog-z.blogspot.com/"><img src="http://4.bp.blogspot.com/-yweNlmNPZ_E/U3VmgYn_cJI/AAAAAAAAEUU/XmpKqIhuZG8/s1600/010.JPG" height="300" width="190" /></a><br />
    <center>
    <a href="http://demoblog-z.blogspot.com/">Тестовый блог 3</a></center>
    </div>
    <div>
    <a href="http://horizon-s.blogspot.com/"><img src="http://4.bp.blogspot.com/-yweNlmNPZ_E/U3VmgYn_cJI/AAAAAAAAEUU/XmpKqIhuZG8/s1600/010.JPG" height="300" width="190" /></a><br />
    <center>
    <a href="http://horizon-s.blogspot.com/">Информ блог</a></center>
    </div>
    </div>

    ОтветитьУдалить