Ротация картинок

ротация картинок

От автора: Порой смотришь на сайт – выглядит хорошо, ничего необычного: логотип, меню, вверху, как правило, располагается тематическая картинка к сайту. Бродишь по ресурсу, а изображение остается всегда одинаковым.

В этом уроке мы очень просто исправим этот маленький нюанс. Мы сделаем ротацию картинки. Скрипт ротации картинки будет случайным образом выводить ее на страницу. Подберете вы 10 тематических картинок на сайт – в ротации будет 10. Подберете 15 – значит, будет 15. Не нужно думать, какое изображение, на какой странице расположить. Простой скрипт ротации картинок все сделает за вас.

И, конечно, не могу оставить без внимания любителей WordPress’a. В конце урока я покажу, как его прикрутить к популярному блоговому движку.

автор

Автор: Андрей Бернацкий

Один из авторов проекта «Основы Самостоятельного Сайтостроения». Адрес в сети — www.WebForMyself.com

Данный проект представляет собой подборку качественных материалов: обучающих статей, книг, курсов, видеоуроков — как зарубежных, так и отечественных специалистов в области сайтостроения.

Бернацкий Андрей свободно владеет такими техниками как: HTML, CSS, JavaScript, jQuery, AJAX, PHP&MySQL.

Сайт: http://webformyself.com – «Основы Самостоятельного Сайтотсроения»

скачать исходникискачать урок

JavaScript&jQuery с нуля до профи

Пройдите пошаговый видеокурс по JavaScript&jQuery

Научиться

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (47)

  1. Вера_С

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

  2. алексей

    Здравствуйте Андрей!Спасибо большое за ваше внимание ко мне.Вы очень добры к моему лузерству и чайничеству.Я искренне хотел бы разбираться в сайтостроении как вы.Поэтому буду стараться разобраться в ваших уроках.С благодарностью к вам.

  3. Android

    Лепота! Я правда joomla а не wp пользуюсь. Там есть такое готовое дополнение Nivo Slider. Оч симпатишно, настраивается анимация при смене картинок, кнопки контроллеров и даже звуки! (если необходимо можно и отключить ту или иную опцию). Вес примерно 360 кб. Лицензия GPL. Дешево и сердито! Тем не менее спасибо материал довольно ценный. Подойдет для сайтов, написанных без cms. :)

  4. Татьяна

    Вот за что я люблю такие «прямые трансляции», так это за те ошибки, которые совершаются, а потом исправляются. По-моему, такая форма подачи материала гораздо ценнее тех, что отлизаны до сияния. И в случае, если вдруг что-то получилось НЕ ТАК, то не знаешь за что, кроме головы, хвататься. В общем, БОЛЬШОЕ СПАСИБО!

  5. Андрей

    Супер. Раньше я делал просто ротатор на html страничках и не решался влазить в блог. Теперь попробую и туда.

  6. Степан

    Спасибо, за интересную тему урока и то, как он организован!
    С уважением, Степан.

  7. SiriusMaster

    Андрей, фишка реально интересная, а главное — оригинальная. Спасибо. Попробуем.

  8. Mihail

    Большое Спасибо! Видео более доходчиво для усвоения Спасибо за работу для чиников
    С уважением Михаил

  9. Владимир

    Андрей! Спасибо. Пока смотрел, вроде бы все доходчиво.
    А вот как буду делать, буду знать.
    Я считаю, что вещь необходимая.
    Владимир.

  10. Алексей

    Интересно. Было бы еще круче, если бы ссылки можно было подставлять.

  11. Владимир

    Спасибо! Отличная идея. Попробуем воплотить.

  12. Отец Виктор

    Замечательный урок. Огромное спасибо!!!

  13. Петр

    Спасибо Андрей, может где понадобится.
    У вас не правильно указан размер архива: не 34.4 mb, а 43.5 mb

  14. Александр М

    Андрей, спасибо за урок! Такие простые средства, а сколько открывается новых возможностей! Удачи вам! Жду новых уроков

  15. Олег

    Когда все так просто, тяжело отказаться попробовать сделать.
    Особенно с Вордпрессом.
    Да, а для ссылок та место найдется?

  16. Наталья

    Спасибо за урок!!!!!!!!!!!!)))))))))))))))))))))

  17. Николай

    Отличный урок! Спасибо!

  18. Сергей

    С интересом смотрю все Ваши уроки. Большое Вам спасибо.

  19. Александр

    Андрей, с благодарностью! Простенько, но со вкусом. Очень доступно и понятно изложено! Редко такое бывает. Удачи Вам!

  20. Вячеслав

    Добрый день ну и чего так загнули в цене , что вы думаете самые умные этот курс стоит не больше 1500 рублей одумайтесь

  21. Олег

    Спасибо!!!!

  22. Интернетостродалец

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

  23. Михаил

    Андрюша-сынок!! С такой прекрасной головой и почему то ты работаешь на таком безобразном ролике!!! Попробуй подобрать любое место для прослушивания—не с начала!!! Где бы ты не поставил курсор -будет:Здравствуйте…..и т.д.!А если я хочу прослушать опред.место 5 раз—заводи шарманку с начала!!!! С уважением,Михаил.

  24. Станислав

    Здравствуйте,Виктор и Андрей!
    Я благодарен вам за все присланные уроки — всё очень здорово и всё пригодится. Практически я уже готов создать сайт. Но сейчас меня очень
    интересует принцип создания и понятия таких вещей, как «дерево сайта», «корень сайта», и в каком порядке всё это складывается, а потом и загружается
    на хостинг.
    Ещё раз благодарен. С уважением, Стас.

  25. Анюта

    Спасибо большое!!!Ребят,вы просто СУПЕР!!!!

  26. Ирина

    Спасибо за урок. Здорово.Буду воплощать.

  27. wert

    «Скачать одним архивом. Размер: 34.4 mb.»———-здесь размер 43,45 мб

  28. Игорь

    Андрей, огромное спасибо! Совсем недавно пришла идея о ротации картинок на блоге и вот, Ваш урок, весьма кстати!

  29. umed

    Андрей уроки очень грамотно и ясно смотрю уроки, учусь создоват сайт! Спасибо

  30. Fsingle

    Урок классный и очень понятный)

  31. Людмила

    Спасибо большое, надеюсь пригодится.

  32. Эдуард

    Пригодилось!
    Спасибо!

  33. Dainis

    Да тема интересна! Попытаюсь применить на деле!

    Благодарю!

  34. Alex

    Добрый день,

    Я думаю лутше пути к файлом засунуть в массив.
    Если человек добавил изборожение, ему придется залесть в функцию и добавить её.
    А если к примеру так:
    $dir = ‘./images/’;
    $files = scandir($dir);
    $n = rand(2, count($files)-1);
    echo »;

    Ему просто нужна добавить изборожение в папку.

  35. АЙДЫН

    Андрей,ты молодец!!Спасибо!Работаю над сайтом,советы ваши помогают.Успехов Вам во всех ваших благих начинаниях!

  36. yurok

    Танк :-) Буду ждать вызов у Минск на сустрач важную то в этот раз точно тебя найду :-)

  37. Сергей Мак

    Волею судеб, я опять пришёл на сайт к Андрею.
    Год назад покупал полный видео курс «Киберсант-Вебмастер». За пол года смастерил себе сайт со своим оформлением. Сейчас меня просто закрыли авторы определённой темы Вордпресса (наредактировался на чужой теме).
    Опять начинаю вся с ноля.
    Спасибо Андрею, я пойду по его пути создания оформления на нейтральной теме и даже только этот один урок решает для меня очень многие проблемы. Я как раз хотел разных картинок в шапке, дальше-разных сайдбаров и т.д.

  38. Людмила

    Мне очень нравятся ваши уроки, познаю уроки сайтостроения, толково рассказано и все понятно. Большое вам спасибо.

  39. Татьяна

    Статья о ротации картинок на сайт как раз мне понадобилась. Буду теперь ее изучать и осваивать на своем сайте.

  40. Марина

    Я уже сделала сайт с готовым шаблоном, но я хочу сделать его немного светлее и изменить цвет. Как мне это сделать? буду делать в ФШ сама. jaoriflame.ru

  41. Ксения

    This XML file does not appear to have any style information associated with it. The document tree is shown below.

    ссылки на скачивание не работают. выдают такие сообщения:

    AccessDenied
    Access Denied
    B37FC442723F8BFF

    yc+WlffJYx8USX0eBDFOCtF7ysIsN2DGXMAQkvrcTi+IRaP1a3psX5NAc1RG4Fkh

  42. Евгений

    Хорошие уроки, запнулся на слайдере… нет исходников…

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree