Простенький слайдер картинок
Простой слайдер картинок, который можно размещать в любом месте форума/сайта.
https://forumupload.ru/uploads/0007/e3/f7/6822/785137.png

Автор: Deff
Платформа: любая

В HTML верх

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Сам слайдер.
Ставим туда, где нужен слайдер:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Ниже слайдера ставим скрипт

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.


Пояснения

Размеры слайдера определяются картинкой-"накрывашкой"
Прозрачка с бордюрами: клик
Считать размеры любой картинки - правой кнопкой мыши по картинке и свойства изображения
В нашем коде картинка-"накрывашка" выделена красным =>

<img class='picture_mask' src="http://n.inetech.ru/images/slider.png"/>

Ваши слайд-картинки выделены синим.
Для простановки новых размеров в стиле слайдера под Вашу картинку-"накрывашку" необходимо от реальной ширины и высоты этой картинки отнять двойную ширину бордера.
Определить ширину бордера можно по следующему поясняющему скриншоту:

http://s1.uploads.ru/t/BIvcO.png (*Кликабельно

Т.е бордер чуть уже, дабы картинка заходила внутрь "экрана".
Далее вычисленный бордер проставляем во вторую строку указаний для #Obr {

border:transparent solid 34px;

А отняв двойную ширину бордера от реальной ширины и высоты картинки, проставляем их в строках.

width:444px;
   height:192px;

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

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано Герда (19.05.13 21:45)