Nikitabeloff

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

  

16 проголосовавших


Рекомендуемые сообщения

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

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

Спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DADy    5

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Нужно очень!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
fantasm    55

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

Нужно очень!

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

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 -->

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

Изменено пользователем fantasm

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Basfett    2

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AmdAveO    0

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

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
fantasm    55

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

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

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Basfett    2

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

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

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

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

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

post-6256-0-41758100-1300427236_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AlexFisher    194

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

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

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

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

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

С уважением.

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

Изменено пользователем AlexFisher

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AlexFisher    194

[НЕ ОФФТОП]

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

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

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

#fon1 {
	position:relative;
	background: url(kaptuhka.png);
}
	#fon1:hover {
		background-position: 0 -50px;
	}
..а в фончике - два кадра действий. Хотя, это не совсем то, что вам нужно. Тут все в боксе происходить будет. Было-б понятно для чего вам такая карусель - мож, чего и придумали-б. А так.. ИМХО Flash.

С уважением.

Изменено пользователем AlexFisher

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу