24 июля 2014 г.

HTML код галереи картинок в движении

История женской прически

   При наведении мышкой на картинку всплывает текст.
   Каждая картинка при щелчке мышкой открывается в отдельном окне в увеличенном размере.
   Картинки загружаются на фотохостинг в двух экземплярах (в большом размере и маленьком). Для формирования HTML кода галереи с фотохостинга копируются прямые ссылки на каждую картинку, в случае примера это - 8 картинок (4 маленьких, 4 больших). На фотохостинг загружается также картинка фона, если галерея будет на фоне, и также копируется прямая ссылка. Если галерея будет без фона, это значение при создании HTML кода не заполняется. При формировании HTML кода заполняются все текстовые и цифровые значения (цифровые значения могут сохраниться, как в примере, без изменения). 
   Число картинок можно увеличить или уменьшить, если  в HTML код добавить или удалить звено данных на дополнительную картинку.  Звено данных, которое нужно подставить в HTML код,  в примере выделено цветом.
   Пример HTML кода галереи движущихся картинок приведено ниже в окне с прокруткой:

 <marquee> <table background="прямая ссылка на картинку фона или не заполняется" tr=""><tbody>
<tr><td width="500"><table border="1" cellpadding="5" cellspacing="5" style="width: 100%px;">
 <tbody>
<tr>
  <td><a href="прямая ссылка на большую картинку" target="_blank" title=""><img border="0" src="прямая ссылка на эту же маленькую картику" title="текст к картинке" /></a>
 </td>
  <td><a href="прямая ссылка на большую картинку" target="_blank" title=""><img border="0" src="прямая ссылка на эту же маленькую картику" title="текст к картинке" /></a>
 </td>
  <td><a href="прямая ссылка на большую картинку" target="_blank" title=""><img border="0" src="прямая ссылка на эту же маленькую картику" title="текст к картинке" /></a>
 </td>

  <td><a href="прямая ссылка на большую картинку" target="_blank" title=""><img border="0" src="прямая ссылка на эту же маленькую картику" title="текст к картинке" /></a>
</td>
 </tr>
</tbody></table>
</td></tr>
</tbody></table>
</marquee>

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

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...