Превосходная интеграция - PullRequest
Новая
       0

Превосходная интеграция

1 голос
/ 07 сентября 2011

У меня запущены эти два сценария.Одним из них является сценарий работы с суперразмерными.Другой сценарий предназначен для исчезновения других изображений.Целью скрипта является постепенное исчезновение фоновых изображений в зависимости от поведения мыши над элементами списка.Фоновые изображения должны быть на весь экран и поддерживать соотношение сторон.Проблема в том, что изображения, которые исчезают, не обрабатываются увеличенным сценарием.

<script type="text/javascript">     
        jQuery(function($){         
            $.supersized({
                slides  :   [{image : '01.jpg', title : '01'},
                             {image : '02.jpg', title : '02'},
                             {image : '03.jpg', title : '03'},
                             {image : '04.jpg', title : '04'},]
            });
        });     
    </script>

    <script>
$(document).ready(function()
 {
function fadeImage (img) {
    $("#div").stop(true).animate ({ opacity: 0 }, 'slow', function () {
        $(this).css ('background-image', img).animate ({ opacity: 1 }, 'slow');
    });
}
var colorOrig="url(01.jpg)";
$("#first").hover(
function() {
fadeImage ('url(02.jpg)');
}, function() {
fadeImage (colorOrig);
});
$("#second").hover(
function() {
fadeImage ('url(03.jpg)');

}, function() {
fadeImage (colorOrig);
});
$("#third").hover(
function() {
fadeImage ('url(04.jpg)');
}, function() {
fadeImage (colorOrig);
});
});

...