Выводим случайную картинку в блоге

Выводим случайную картинку на блоге.

Большинство сайтов в интернете имеют большую картинку в хедере, но бывает что картинка «приедается» и её хочется поменять на что-то новое. Но лесть в шаблон и менять в нем что-то не всегда хочется. Есть способ намного проще, чтобы изменит картинку в хедере, какой именно об этом я сегодня расскажу.

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

Первое, что нам необходимо  сделать — приготовить изображения. Размеры этих изображений должны быть одинаковыми, а названия быть в таком формате:

headerimage-1.jpg

headerimage-2.jpg

headerimage-3.jpg

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

Далее вам необходимо вставить код в то место, в котором вы хотите отображать картинки например в хедер. Откройте файл header.php, найдите в нем текущее изображение и замените его код который вы видите чуть ниже.

<img src=”http://адрес-сайта/папка/headerimage-<?php echo(rand(1,3)); ?>.jpg”

 width=”image_width” height=”image_height” alt=”image_alt_text” />

Если вы поменяли  название файла с изображением, то не забудьте, измените его и в коде. И еще,  если у вас количество изображений отличается от количества, приведенного в примере, то измените цифру три на нужное вам число. Не забудьте, сохранит файл,  все теперь вы можете наслаждаться полученным результатом. Ваш блог стал более живой и  привлекательный.

Вопросы задавайте в комментариях или во вкладке "Напишите мне".

Поделитесь статьёй в соц. сетях:



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

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