Слайдер

[_Alexanred_]

Ребята, помогите сделать следующий функционал: когда человек заходит на страницу сайта, в зависимости от его разрешения экрана подставляется соответствующая фоновая картинка. Фоновая картинка должна изменяться, например, с интервалом 10 секунд (работает как слайдер).

Выглядит это так:

Пользователь №1

1024"

Подключается слайдер №1, который содержит картинки img01.jpg, img02.jpg, img03.jpg

Пользователь №2

1440"

Подключается слайдер №2, который содержит картинки img04.jpg, img05.jpg, img06.jpg

Знаю что это задача решаемая, просто не хватает знаний javascript-та.

[Great Rash]

http://forum.htmlbook.ru/index.php?showtopic=23096

Осталось только прикрутить вызов той или иной галлереи в зависимости от разрешения.

[_Alexanred_]

http://forum.htmlbook.ru/index.php?showtopic=23096

Осталось только прикрутить вызов той или иной галлереи в зависимости от разрешения.

А зачем мне бесконечная карусель картинок ?

[ShumNo]

Мысль вслух ...

быть может сделать 1 слайдерб но графическую оболочку (если она есть) сверстать резиновой, а картинки делать под максимальное разрешение (если оно не очень большое) при просмотре на более меньшем мониторе к блоку с картинками

overflow:hidden

[Great Rash]

А зачем мне бесконечная карусель картинок ?

Из ваших объяснений я понял, что вам нужно именно это.

[_Alexanred_]

Мысль вслух ...

быть может сделать 1 слайдерб но графическую оболочку (если она есть) сверстать резиновой, а картинки делать под максимальное разрешение (если оно не очень большое) при просмотре на более меньшем мониторе к блоку с картинками

overflow:hidden

Нет, это не то что нужно. При таком подходе, качество картинки, при разных разрешениях мониторов, будет ужасное. Здесь нужна реализация через Javascript.

А зачем мне бесконечная карусель картинок ?

Из ваших объяснений я понял, что вам нужно именно это.

Мне нужно все это реализивать через Javascript.

План такой:

1. Определяем область экрана width = screen.width

2. Если разрешение экрана больше 1000, подгружаем масив А, который содержит перечень изображений bg1000_1.jpg, bg1000_2.jpg, bg1000_3.jpg и т.д.

Если у посетителя разрешение экрана меньше 1000 тогда подгружается масив Б (масив с другим изображениями)

Может так доступно будет. Тяжело описать словами что нужно сделать

[ShumNo]

Мысль вслух ...

быть может сделать 1 слайдерб но графическую оболочку (если она есть) сверстать резиновой, а картинки делать под максимальное разрешение (если оно не очень большое) при просмотре на более меньшем мониторе к блоку с картинками

overflow:hidden

Нет, это не то что нужно. При таком подходе, качество картинки, при разных разрешениях мониторов, будет ужасное. Здесь нужна реализация через Javascript.

я не настаиваю вообще, но качество ровным счетом не изменится вообще, просто часть картинки не будет видна

[Great Rash]

План такой:

1. Определяем область экрана width = screen.width

2. Если разрешение экрана больше 1000, подгружаем масив А, который содержит перечень изображений bg1000_1.jpg, bg1000_2.jpg, bg1000_3.jpg и т.д.

Если у посетителя разрешение экрана меньше 1000 тогда подгружается масив Б (масив с другим изображениями)

Вот что я понял: вам нужно грузить в зависимости от определенных условий определенный массив картинок. Ок, тогда причем тут слайдер? И вообще, что вы подразумеваете под слайдером?

[_Alexanred_]

План такой:

1. Определяем область экрана width = screen.width

2. Если разрешение экрана больше 1000, подгружаем масив А, который содержит перечень изображений bg1000_1.jpg, bg1000_2.jpg, bg1000_3.jpg и т.д.

Если у посетителя разрешение экрана меньше 1000 тогда подгружается масив Б (масив с другим изображениями)

Вот что я понял: вам нужно грузить в зависимости от определенных условий определенный массив картинок. Ок, тогда причем тут слайдер? И вообще, что вы подразумеваете под слайдером?

Вы хорошо знаете Javascript ?

[_Alexanred_]

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">

jQuery(document).ready(function() {

if (jQuery(document).height() > 1000) {

jQuery('body').css('background', '#000000 url(i/photo1.jpg) center top no-repeat');

}

else if (jQuery(document).height() > 100) {

jQuery('body').css('background', '#000000 url(i/photo2.jpg) center top no-repeat');

}

});

</script>

а это слайдер

<script type="text/javascript">

var n=1;

var name = new Array();

function changeImages() {

name[0] = 'mail_photo.jpg';

name[1] = 'get_order.gif';

name[2] = 'guest_but_add.png';

name[3] = 'bg_but_qs.gif';

var count = (name.length) - 1;

if(n> count) n=0;

$('body').css('background','#url(i/'+name[n]+')');

n++;

}

window.onload = function() {

return interval = setInterval("changeImages()", 1500);

}

</script>

Нужно только связать. Вот что нужно было.

[Great Rash]

Slide (eng.) глагол - скользить, проскользнуть, выскользнуть, задвигаться, всовывать, вдвигать.

То что вы написали - это все что угодно, но это не слайдер.