Как самостоятельно создать галерею изображений в блог blogspot

---

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

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

Так же без проблем устанавливается на страницы сообщений. При тестировании корректно работал в разных шаблонах blogger, в том числе и не стандартных. Копируйте код ниже, настраивайте, наслаждайтесь.

<script type="text/javascript" src="https://santosh143.googlecode.com/svn/marquee">
</script>
<script type="text/javascript">
marqueeInit({
 uniqueid: 'mycrawler',
 style: {
  'padding': '5px',
  'width': '900px',
  'background': 'dark grey',
  'border': '1px solid dark grey'
 },
 inc: 2, //speed - pixel increment for each iteration of this marquee's movement
 mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
 moveatleast: 2,
 neutral: 150,
 persist: true,
 savedirection: true
});
</script>
<marquee
scrollamount=3 onmouseover=this.scrollamount=0
onmouseout=this.scrollamount=3 width=600 height=100>

<a href="ссылка на страницу" target="_blank"><img alt="текст"src="адрес изображения" width="100" title="название"height="100"  />
<a href="ссылка на страницу" target="_blank"><img alt="текст" src="адрес изображения" width="100" title="название"height="100"/>
<a href="ссылка на страницу" target="_blank"><img alt="текст" src="адрес изображения" width="100"title="название" height="100" />
<a href="ссылка на страницу" target="_blank"><img alt="текст" src="адрес изображения" width="100"title="название"  height="100"/>
<a href="ссылка на страницу" target="_blank"><img alt="текст" src="адрес изображения" width="100"title="название"  height="100"  />
<a href="ссылка на страницу" target="_blank"><img alt="текст"src="адрес изображения" width="100" title="название" height="100"  /></a></a></a></a></a></a></div>
</marquee> <script type="text/javascript">
marqueeInit({
 uniqueid: 'mycrawler2',
 style: {
  'padding': '2px',
  'width': '700',
  'height': '180px'
 },
 inc: 5, //speed - pixel increment for each iteration of this marquee's movement
 mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
 moveatleast: 2,
 neutral: 150,
 savedirection: true,
 random: true
});
</script>

Настройки: выделенное синим-адрес ссылки; голубым-пишите текст alt, сиреневым-название title при наведении мыши (оптимизируете картинки); коричневым-url адрес картинки; бардовым-скорость движения; Будьте внимательны, потеря кавычек, точек, запятых, скобок может привести к не корректному отображению картинок.

И у меня вся информация. Пишите, делитесь с друзьями. А я сегодня говорю Вам до свидания и до новых встреч.


Почитайте по теме:  Гаджет прокрутки сообщений блога в виде изображений; Как открыть изображение, фото или видео в новом окне;

Рекомендуемый контент: