Jump to content
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


  

16 members have voted

You do not have permission to vote in this poll, or see the poll results. Please sign in or register to vote in this poll.

Recommended Posts

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

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

Спасипотому что!

Link to comment
Share on other sites


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

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

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

  • +1 1
Link to comment
Share on other sites


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

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

Нужно очень!

Link to comment
Share on other sites


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

Нужно очень!

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

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

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

Edited by fantasm
  • +1 1
Link to comment
Share on other sites


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

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

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

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

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

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

Link to comment
Share on other sites


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

Копайте информацию по JQuery. Флэш ролик на весь body превратит ваш сайт в тихий ужас.
  • +1 1
Link to comment
Share on other sites


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

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

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

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

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

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

Link to comment
Share on other sites


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

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

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

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

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

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

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

  • +1 1
Link to comment
Share on other sites


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

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

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

Link to comment
Share on other sites


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

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

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

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

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

  • +1 1
Link to comment
Share on other sites


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

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

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

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

Как-то ик...

С уважением.

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

Edited by AlexFisher
  • +1 1
Link to comment
Share on other sites

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

Link to comment
Share on other sites


[НЕ ОФФТОП]

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

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

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

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

С уважением.

Edited by AlexFisher
  • +1 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.