Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.11.2013, 14:39
Новичок на форуме
Отправить личное сообщение для pasha4456 Посмотреть профиль Найти все сообщения от pasha4456
 
Регистрация: 05.11.2013
Сообщений: 3

jquery.вывод слайд шоу на весь экран как фон
помогите люди добрые. суть такая, на фоне хочу слайд шоу. сделал вот что
html
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css">
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script src="js/jquery/slideshow.js"></script>

    </head>
    <body >

        <div class="fadein">
            <img src="images/home1.jpg">
            <img src="images/home2.jpg">
            <img src="images/home3.jpg">
        </div> 
    </body>

</html>


css
Код:
html {
    background: black url(images/home1.jpg) no-repeat top left fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.images/home1.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home1.jpg', sizingMethod='scale')";
}
jquery
$(function() {
  
    $('.fadein img').hide();
    $('.fadein img:gt(0)').hide();

    setInterval(function () {
        $('.fadein :first-child').fadeOut()
        .next('img')
        .fadeIn()
        .end()
        .appendTo('.fadein');
        var imageurl = $(".fadein img").attr("src");
        $("html").css("background", "transparent url('"+imageurl+"') no-repeat top left fixed");
        $('.fadein img').hide();
    }, 4000);
});


слайд шоу работает, правда с недочетами в опере и ie. В опере по началу все хорошо, потом появляется белая страница, а через несколько секунд картинка нужного слайда

Помогите пожалуйста
1) как передать параметр для браузеров через jquery, что бы картинка выводилась на весь экран( для одной картинки через css работает для всех, кроме ie)
2) как настроить плавный переход между слайдами? В первую очередь касается бага в опере
3) и что делать вообще с ie ? слайд шоу не работает вообще.

Буду очень признателен за совет
Ответить с цитированием
  #2 (permalink)  
Старый 05.11.2013, 16:22
Новичок на форуме
Отправить личное сообщение для pasha4456 Посмотреть профиль Найти все сообщения от pasha4456
 
Регистрация: 05.11.2013
Сообщений: 3

такс, одну проблему решил (под номером 1). вернее на половину. слайды выводятся как фон, но в ie все так же ничего не работает
Ответить с цитированием
  #3 (permalink)  
Старый 05.11.2013, 21:02
Новичок на форуме
Отправить личное сообщение для pasha4456 Посмотреть профиль Найти все сообщения от pasha4456
 
Регистрация: 05.11.2013
Сообщений: 3

может кто знает почему не работает слайд шоу в ie ????

Последний раз редактировалось pasha4456, 05.11.2013 в 22:12.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать немасштабируемый фон Axios Элементы интерфейса 2 18.11.2012 16:39
как сделать, чтобы каждые 2 секунды менялся фон miguly Общие вопросы Javascript 8 18.08.2011 21:32
как при клике на фотографию увеличить ее, затемнив фон Ichigeki ExtJS 3 23.06.2011 16:34
Как сделать фон, главной страницы на изображении ? asked86 (X)HTML/CSS 3 03.04.2009 01:54
Как нарисовать такой фон сайта? SDron Общие вопросы Javascript 5 10.02.2009 14:58