Шаблон Restorante.
Не могу понять, как работает баннер вверху страницы! Четыре картинки jpg меняются одна за другой плавно.
[spoiler]
[/spoiler]
Неужели это сделано силами CSS без JavaScript?
Чудо какое то. Сломал голову над изучением кода.
Просветите пожалуста камрады , как работает этот баннер?
Сидел вчера до 2 ночи, ковырял шаблон Restorante.
код CSS баннера прост
[spoiler]
.contentShade {border: 1px #dbb772 solid; background:#f5daa7; margin-bottom:10px;}
.slide {text-align:center; padding:4px 0}<div class="contentShade">
<div style="display: block;" class="slide" id="slide0"><img src="/css/css_{$smarty.const.CONF_COLOR_SCHEME}/image/slide1.jpg" alt="" height="238px" width="530px"></div>
<div class="slide" id="slide1" style="display: none;"><img src="/css/css_{$smarty.const.CONF_COLOR_SCHEME}/image/slide2.jpg" alt="" height="238px" width="530px"></div>
<div class="slide" id="slide2" style="display: none;"><img src="/css/css_{$smarty.const.CONF_COLOR_SCHEME}/image/slide3.jpg" alt="" height="238px" width="530px"></div>
<div class="slide" id="slide3" style="display: none;"><img src="/css/css_{$smarty.const.CONF_COLOR_SCHEME}/image/slide4.jpg" alt="" height="238px" width="530px"></div>
</div>[/spoiler]
Но повторить такой же трюк, подставив свои картинки не удается...
Непонятно что за класс такой id=slide1 id=slide2 id=slide3, нигде в шаблонах его не нахожу
есть похожие классы в js_scripts.js но непонятно как настраивать, и вообще оно или нет. Доков в инете не нахожу.