razoramus
21.12.2012 - 12:18
Всем привет! Всех с концом света :D Гуглил гуглил и ничего нормального не нагуглил. Везде всё что-то навороченое а мне надо совсем простое.
Вот задача:
Есть 3 картинки одинакового размера (939х240). Названия preview1, preview2, preview3.
Как можно сделать простой слайд, чтобы они сами автоматом передвигались справа-налево, скажем через 5 сек.
html структур такая:
<div class="preview">
<img src="/images/preview1.jpg" width="939" height="240" alt="preview">
<img src="/images/preview2.jpg" width="939" height="240" alt="preview">
<img src="/images/preview3.jpg" width="939" height="240" alt="preview">
</div>
Подскажите как можно сделать, так же буду благодарен готовому коду)
Вроди как функция slide() используеться, точно не помню. Было как-то смотрел уроки по jquery немного.
Игорь_Vasinsky
21.12.2012 - 12:22
div.preview - делаешь размером с картинке + overflow:hidde
потом с интервалом двигаешь первую картинку(а за ней и остальные подвинуться) - влево на ширину картинки
двигаешь столько раз - сколько картинок - потом stop или в обратку
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
razoramus
21.12.2012 - 12:28
| Цитата (Игорь_Vasinsky @ 21.12.2012 - 08:22) |
div.preview - делаешь размером с картинке + overflow:hidde
потом с интервалом двигаешь первую картинку(а за ней и остальные подвинуться) - влево на ширину картинки
двигаешь столько раз - сколько картинок - потом stop или в обратку |
Я бы ещё знал как это в код перевести. Даже представления не имею.
Игорь_Vasinsky
21.12.2012 - 12:31
Торопиться некуда, конец света отменили.
https://www.google.ru/search?q=%D0%B3%D0%B8...iw=1366&bih=653
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Michael
21.12.2012 - 12:34
Если это задача по делу, то подключи готовое...
Если чтобы разобраться, то что это такое:
| Цитата (razoramus) |
| Я бы ещё знал как это в код перевести. Даже представления не имею. |
?
jQuery еще не изучал? Может пора?
_____________
There never was a struggle in the soul of a good man that was not hard
razoramus
21.12.2012 - 12:59
Да у меня времени пока нет изучать. Мне бы это слайд шоу сделать.
Игорь_Vasinsky
21.12.2012 - 13:03
| Цитата |
| Мне бы это слайд шоу сделать. |
о, так 800 рублей и будет у тебя слайдшоу.
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Michael
21.12.2012 - 13:04
подключи
этот
_____________
There never was a struggle in the soul of a good man that was not hard
Быстрый ответ:
Powered by dgreen
Здесь расположена полная версия этой страницы.