Cкрипт - слайдер фона для OpenCart

[Nikitabeloff]

Здравствуйте, очень нужен скрипт (слайдер) меняющегося фона (например: http://kmshoes.ru) для магазина, работающего на OpenCart! (или другие варианты воплощения этой идеи)!

Как сделать :blink: ?

Спасибо!

[DADy]

это не фон, а баннер меняющийся, только большой.

А вообще нафига это нужно? Внимание отвлекать от контента?

Можно гипнотизирующую спираль какую-нибудь вставить, чтобы клиент не смог отказаться от покупки :)

[Nikitabeloff]

А вообще нафига это нужно? Внимание отвлекать от контента?

Вообще по задумке надо. Я думаю, не совсем отвлекать будет, т.к. картинки блеклые на заднем плане..

Нужно очень!

[fantasm]

Вообще по задумке надо. Я думаю, не совсем отвлекать будет, т.к. картинки блеклые на заднем плане..

Нужно очень!

ну если сильно нужно (лично мне не нравится...:( ) ...вот вам "толчок"...

http://htmlbook.ru/css/background-image

http://htmlbook.ru/css/background-repeat

а чтоб ротатор был...думаю можно использовать вот этот код...(использовал раньше как ротатор баннеров...:))...

<!-- Image slider start -->
<p style="display:none">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script><script type="text/javascript">$(document).ready(function() {$('.slideshow').cycle({fx: 'fade'});});</script></p>
<div class="slideshow" style="width:550px;height:200px;">
	<a href=""><img height="200" src="./image/data/slide1.jpg" width="550" /></a> <a href="ваша_ссылка1"><img height="200" src="./image/data/slide2.jpg" width="550" /></a> <a href="ваша_ссылка2"><img height="200" src="./image/data/slide3.jpg" width="550" /></a><a href="ваша_ссылка3"><img height="200" src="./image/data/slide4.jpg" width="550" /></a></div>
<!-- / Image slider end -->

надеюсь что у вас всё получится ...для наглядности скиньте потом ссылку...интересно посмотреть что получилось...;)

Змінено 17 березня 2011 користувачем fantasm

[Nikitabeloff]

ну если сильно нужно (лично мне не нравится...:( ) ...вот вам "толчок"...

http://htmlbook.ru/css/background-image

http://htmlbook.ru/css/background-repeat

надеюсь что у вас всё получится ...для наглядности скиньте потом ссылку...интересно посмотреть что получилось...;)

Благодарю Вас, я в коде ничего не смыслю, но посмотрел один знакомый, и сказал, что это не совсем то, что надо.. (это код для изменения размеров, поворотов, разворотов)..

А что если собрать flash ролик из нескольких фоновых картинок с определенным интервалом времени.. Как это вообще возможно будет впаять на данном движке, на задний план, и с минимальным расходом ресурсов, чтобы не было слишком медленно?

[Basfett]

А что если собрать flash ролик из нескольких фоновых картинок с определенным интервалом времени.. Как это вообще возможно будет впаять на данном движке, на задний план, и с минимальным расходом ресурсов, чтобы не было слишком медленно?

Копайте информацию по JQuery. Флэш ролик на весь body превратит ваш сайт в тихий ужас.

[AmdAveO]

Жестокий опрос :blink:

Можешь смело убирать из него вариант ответа "Нет"

Или менять вопрос на - Нужно ли на OpenCart?

Правда тогда я тоже скажу свое "Нет" :rolleyes:

Ибо, не хочу отдавать до 50% работы своего проца, посетив всего один такой вот сайт.

Даже если это будет супер-пупер-раскасиво.

[fantasm]

Благодарю Вас, я в коде ничего не смыслю, но посмотрел один знакомый, и сказал, что это не совсем то, что надо.. (это код для изменения размеров, поворотов, разворотов)..

в смысле для "разворотов, поворотов"...это ротатор картинок, слайдер....

там есть строчки которые задают размер картинки но ведь их можно переделать , например задать 100%...и.т.д.

я вам не дал готового решения, а лишь предложим с средства которыми теоретически возможно реализовать вашу задачу...

но конечно это не есть гуд, но как альтернативу думаю можно было бы использовать...

а если нет, то копайте в инете...думаю вам не первому пришла эта мысль в голову...;)

с уважением fantasm...)))

[Nikitabeloff]

Копайте информацию по JQuery. Флэш ролик на весь body превратит ваш сайт в тихий ужас.

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

Вообще это возможно, не будет ли конфликтов с движком?

[Basfett]

В каком смысле тихий ужас?

Намучаетесь с ним :) Я не буду вас отговаривать от затеи анимированного фона, это ваше личное дело - привлекать посетителей на сайт или отпугивать. Вопрос в том, что флэш - это худшее решение для вашей задачи. Даже статичная, немощёная картинка на весь монитор - это жесть, а уж ролик... Попробуйте, сделайте флэш-анимацию размером 960х800 пикселей и посмотрите сколько это будет весить. За что вы так не любите своих посетителей? К тому же, не думаю, что все ваши страницы будут такими коротенькими. И тогда ролик надо будет увеличивать ещё, иначе обрезанный фон будет смотреться некрасиво. Можно конечно и repeat по верикали включить, при условии, что стык будет бесшовным... Но повторюсь - это тихий ужас...

Вообще это возможно, не будет ли конфликтов с движком?

А при чём здесь движок? Бэкграундом можно хоть 3-х часовой фильм поставить. Вопрос в том, для чего вам нужен сайт. Если товары продавать - это одно дело, а если слайд-шоу показывать - то другое.

п.с. И ещё не забывайте, что ОЧЕНЬ много пользователей предпочитают блокировать в браузерах анимацию. Поэтому они вместо вашей красивой картинки будут видеть вот эту:

[AlexFisher]

Попробуйте, сделайте флэш-анимацию размером 960х800 пикселей и посмотрите сколько это будет весить.

В принципе, не так уж и много, если там не градиенты растровые будут, а кие-нть скромные векторные вензеля. Сам довольно долго флешем занимался - задача, в принципе, реализуемая, но таки-да - гемор гарантирован. Если-б делал - делал-бы так:

- Делаем один файл на бэк флешевый, в котором несколько фончиков и объект Listener

- Собственно, гемор - страница отправляет флешовому слушателю, мол bg="2", он плавно меняет фончик.

Как-то так...

С уважением.

Хотя.. Можно в каком-нть товаре через источник давать команду фону. Типа, если этот товар на странице есть, то фон его слушается.

Змінено 18 березня 2011 користувачем AlexFisher

[Nikitabeloff]

А что если, не слайдами фон сделать (извините, совсем другая идея :) ), а чтобы можно было его двигать??? т.е. в фон вставляется большая картинка, так, что её кусок отображается на весь монитор, а если она станет интересна юзеру, он мог бы её подвигать (рассмотреть) курсором.. как это сделать???

[AlexFisher]

[НЕ ОФФТОП]

Не делайте этого =)

Или делайте по другому.

А в css это делается приблизительно так:

#fon1 {
	position:relative;
	background: url(kaptuhka.png);
}
	#fon1:hover {
		background-position: 0 -50px;
	}

..а в фончике - два кадра действий. Хотя, это не совсем то, что вам нужно. Тут все в боксе происходить будет. Было-б понятно для чего вам такая карусель - мож, чего и придумали-б. А так.. ИМХО Flash.

С уважением.

Змінено 18 березня 2011 користувачем AlexFisher