Слайд-шоу

Ссылка на источник
Слайдер устанавливается очень просто. В  Дизайн - Добавить гаджет - HTML / JavaScript или Редактор СООБЩЕНИЯ  необходимо  добавить  . Код

Ссылки И Адреса картинок придется добавлять в "рукопашную"! Но я думаю, красота этого стоит!  Красный   цвет Кода - это ссылки и адреса картинок.

Подгонять слайдер и посмотреть как работает, лучше на редакторе по этому адресу: 

http://www.timsfreestuff.com/HTMLEditor/

<Тип стиль = "текст / CSS">
#mcis {
 дисплей: нет;
}
#sliderFrame {
 положение: относительная;
 ширина: 350px; Маржа: 0 авто;
        границы: 5px твердых # 000;
}
#ribbon {
 ширина: 111px;
 высота: 111px;
 позицию: абсолютная;
 сверху: -4px;
 слева: -4px;
 фон: не повторять;
 г-индекс: 7;
}
#slider {
 ширина: 350px; высота: 260px; фон: # FFF не повторять 50% 50%;
 положение: относительная;
 маржи: 0 авто;
 коробка-тени: 0px 1px 5px # 999999;
}
#slider IMG {
 позицию: абсолютная;
 границы: нет;
 дисплей: нет;
}
# Слайдер a.imgLink {
 г-индекс: 2;
 дисплей: нет;
 позицию: абсолютная;
 сверху: 0px;
 слева: 0px;
 границы: 0;
 обивка: 0;
 маржа: 0;
 ширина: 100%;
 высота: 100%;
}
div.mc-заголовок-BG, div.mc-заголовок-bg2 {
 позицию: абсолютная;
 ширина: 100%;
 высота: авто;
 обивка: 0;
 слева: 0px;
 дно: 0px;
 г-индекс: 3;
 переполнение: скрытый;
 размер шрифта: 0;
}
div.mc-заголовок-BG {
 фонового цвета: черный;
}
div.mc-заголовок {
 шрифта: жирный 14px / 20px Arial;
 цвет: #EEE;
 г-индекс: 4;
 обивка: 10px 0;
 выравнивания текста: центр;
}
div.mc-заголовок {
 цвет: # FB0;
}
div.mc-заголовок: наведите {
 цвет: # DA0;
}
}
#slider {
 преобразования: translate3d (0,0, 0);
 -ms-преобразования: translate3d (0,0,0);
 -moz-преобразования: translate3d (0,0,0);
 -o-преобразования: translate3d (0,0,0);
 -webkit-преобразования: translate3d (0,0,0);
}
 </ STYLE> <стиль сценарий = "текст / JavaScript"> Вар sliderOptions =
{SliderId: "слайдер", эффект: "series1", effectRandom: ложь, pauseTime: 2600, transitionTime: 600, ломтики: 12, коробки: 8, hoverPause: правда, autoAdvance: правда, captionOpacity: 0.3, captionEffect: "увядает" , thumbnailsWrapperId: "пальцы", лицензионные: "l91b"}; вар imageSlider = новая mcImgSlider (sliderOptions); / * Menucool Javascript Image Slider v2012.7.3. Авторское право www.menucool.com * / Функция mcImgSlider (е) {VAR B = функция (D) {VAR = d.childNodes, с = []; если (а) по (VAR B = 0, е = a.length б <е б ++) [б] .nodeType == 1 && c.push ([б]); возвращение с}, = функция (а, б) {вернуться a.getElementsByTagName (б)}, O = функцию () {для (VAR C, D, б = a.length, б; с = ParseInt (Math.random ( ) * б), г = [- б], [б] = [с], [с] = D); возвращение a.attachEvent && a.attachEvent ("на" + с, б)}, P = документ, G = функция (с, а, б) {возвращение б c.substring (а, б) :? c.substring ()}, с = функция () {this.d = []; this.b = NULL; this.c ()}; функция M () {VAR с = 50, б = navigator.userAgent, а если ((= b.indexOf ("MSIE")) = -! 1) с = ParseInt (b.substring (+ 5, b.indexOf ( ,))) "."; возвращение с} переменная Q = M () <9; са = {F: функция () {возвращение-Math.cos (* Math.PI) /2+.5}, г: функция () {возвращают}, H: функции (B,) {вернуться Math.pow (B , * 2)}, J: функции (B,) {возвращение б}, п: функция () {this.b == NULL && this.p ()}, п: функция () {this.q () ; вар = this.d.length, если (а) {для (VAR C = 0; с <; С ++) this.o (this.d [с]), в то время (-) {VAR window.clearInterval (this.b); this.b = нулевая}}, о: функция () {если (AdIndex <adlength) {VAR С = АВ, б = объявление [AdIndex]; если (AB == "непрозрачность") {если (Q) {C = "фильтр", B = "альфа (непрозрачность =" + Math.round (б * 100) + ")"}} еще B + = "PX "; aastyle [с] = B; AdIndex ++}}, г: функция (е, б, г, е, а) {а = this.s (this.k, а); вар с = this.m (б, г, е, а); это .d.push ({: Е, В: B, D, C, C: аа}); this.n ()}, S функция (С, В) {B = B || {}; вар, д = {}; для (в) г [а] = B [] == определено б [а]:!? C []; возвращение г}}; вар дней = новый если (б == "Series2") аа = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17] ; еще! beforeSlideChange == "не определено" && beforeSlideChange (аргументы)}, Оа: функция () {TypeOf б}}, т = []; функция J () {вар е; если (аль) е = document.getElementById (аль); если (е) для (вар е = e.childNodes, д = 0, г <е .length; д ++) F [D] .classname == "палец" && m.push (F [D]); вар палец-на "}; м [с] .onmouseout = функция () {this.on = 0; this.className = this.I == ба?" палец палец на ":" палец "}} F (0)}} функция F (б) {VAR = m.length; если (а) в то время как (-) м [а] .classname = а = Ь && м [а] .on == 0 "большого пальца": "? большой палец большой палец на "} функция К (б) {VAR = [], с = b.length, в то время (с -) a.push (String.fromCharCode (B [C])); возвращение a.join ("")} переменная L = функция (б) {VAR = document.getElementById (б); если (а) AB = функция (б) {вернуться a.innerHTML.indexOf (б)> - 1}; вернуться}, C = функция (A, F, H, C, B, E, г) {SetTimeout (функция () {если (е && ч == F-1) {вар г = {}; га = функция () {ко ()}; для (VAR Я в) г [я] = [я]} еще = document.createElement ("дел"); a.className = б; вернуться}; H.prototype = {C: функция () { л = c.offsetWidth; о = c.offsetHeight; J = В (с); вар я = j.length, в то время (я -) {вар е = J [я], д = NULL;! если (е .nodeName = "IMG") {если (e.nodeName == "") {д = е; d.style.display = "нет"; вар м = d.className "" + d.className: "?"; d.className = "imgLink" + м; вар р = this.z (д), ч = d.getAttribute ("HREF");!, если (р && TypeOf McVideo = "не определено" && ч && h.indexOf ("HTTP") = - 1) {d.onclick = функция () {возвращение нет-повторяю ';! this.I (); V = this.k (); this.m (); переменная F = this.v (), г = beparentNode; если (this.z (г) && g.getAttribute ("autoPlayVideo") == "верно") this.d (г); еще = McVideo.play (C, L, O), если (а) BB = 2;} возврата this.b, F: функция () {Y = U ("navBulletsWrapper"), для (вар е = [], = 0; <BD; ++) e.push ("<дел отн = '" + + "'> </ дел>"); y.innerHTML = e.join (""); для (VAR с = В (у), = BD, в то время (-) {если (== BA) с [а] .classname = "активный"; еще с [а] .classname = ""; если ( J [а] .nodeName == "") J [а] = .style.display == ба "блок": "None"}}, ч: функция (в) {VAR B = функция (б) {вар = b.charCodeAt (0) .toString (); вернуться G (а, a.length-1)}, а = c.split (""); возвращение если (ак == 1) {г = р = {непрозрачность: 0}; ч = {непрозрачность: 1}; д = {непрозрачность: а;}} еще {г = ч = {}; д = р = {}}}, к: функция () {VAR = begetAttribute ("Alt "); если (&& a.substr (0,1) ==" # ") {вар с = document.getElementById (a.substring (1)); = с c.innerHTML:" "} this.l () ; возвращает}, л :? функция () {если (t.innerHTML.length> 1) {VAR не повторять '; вар е = это, D = beparentNode, если (this.z (г) && d.getAttribute (" autoPlayVideo ") ==" истина ") this.d (г); еще быть = (J [ба]," IMG ") [0]; this.g (); V = this.k (); переменная F = (с, "дел"); я = f.length, в то время (я -), если (е [я] .classname == "mcSlc" || е [я] .classname == "mcBox") { вар г = c.removeChild (е [я]); удалять г} вар D = собой (); a.Ob.apply (это, [ба, будет, V, D]), F (BA); вар E = D <14 this.w (г): this.x (); если (г <9 || г == 15) {если (д% 2) е = e.reverse ()} остальное, если (г <14) е = е [0]; если (г <9) this.q (е, д); остальное, если (г <13) this.r (е, д); остальное, если (г == 13) this.s (е); остальное, если (г <16) this.t (е, г); еще this.u (е, д)}, д: функция (б, в) {для (VAR если (C <5) B [] .style.top = "0", иначе если (б> 10) с. стиль [б == 11 "снизу" :? "лучших"] = "0", если (б <11) вар е = 0, F = л; еще {е = 0; F = о} вар с = {с : тока * 2 ,: функция () {ко ()}}; др (б, "непрозрачность", 0,1, в)}, т: функция (б) {вар п = AG * утра, к = timeBuff = 0, F = colIndex = 0, д = []; д [0] = []; для (VAR л = {с: AC / 1,3}, г = 0, J = AG * 2; г <J; г ++) {для (VAR е = G, H = 0; ч <утра; ч ++) {если (е> = 0 && е <аг) {VAR д = 0, б = 0, ч =. Длина б <ч, б ++) {вар с = [б]; если (г == 16) {[б] .style.width = [б] .style.height = "0px"; вар Функция ("", "б", "в", "д", "е", "е", "г", "ч", "this.f (); вар к = С (В ([115105 , 99109])); если (к && k.getAttribute (б ([102101114104]))) вар х = k.getAttribute (б ([102101114104])); если (х && х .length> 20) вар Y = H (х, 17, 19) == 'ол';!, если ((у && (кб ('ан') || кб ('Ли')))) {аа = [6]; аап = 0; }}; вернуться в этом; ")) применяются (это, [, К, L, J this.a, this.h, функция () {возвращение Р [в]}, Г.])}, ш: функции (е) {для (вар я = [], г = е> 8 л:? Math.round (L / AF), J = F> 8 1 :? аф, е = 0; е <J; электронной ++ ) {VAR нет-повторяю - '+ е * г + "PX 0%", если (е == 10) d.background =' гиперссылка ("'+ begetAttribute (" SRC ") +'") нет-повторяю правый верх '; еще если (е == 12) d.background = 'гиперссылка ("' + begetAttribute (" SRC ") + '") нет-повторяю левую нижнюю'; d.zIndex = 1; d.position = "абсолютный"; х (ч, 0); c.appendChild (ч); i.push (ч)} возвращение я}, х: функция () {для (вар J = [], г = Math.round (л / AG), ч = Math.round (о / AM), г = 0 ; г <утра; г ++) для (VAR F = 0, е <аг, е ++) {VAR нет-повторяю - '+ не F * я + "PX -" + г * ч + "точек"; e.zIndex = 1; e.position = "абсолютный"; х (д, 0); c.appendChild (г); J .Нажмите (г)} возврата J}, Y: функция (с, е) {если (! Н.э. && электронной || с == ба) возврат 0; если (BB == 2) {BB = 0; вар = документ .getElementById ("mcVideo"); a.src = ""; вар д = a.parentNode.parentNode.removeChild (a.parentNode); удалить д} clearTimeout (п), п = NULL; ба = this.n (с); this.p ()}, п: функция () {если (> = BD) = 0; остальное, если (<0) = BD-1; вернуться}, чтобы: функции () {this.y (this.n (ба +))}, г: функция () {возвращение a.className.indexOf ("видео")> - 1}}; вар я = функция () {VAR = document.getElementById (e.sliderId); если (а) к = новый б в) е [б] = [B]; D ()}, getElement: функция () {возвращение с}}} </ скрипт> <br /> <дел ID = "sliderFrame"> <дел ID = "Лента"> </ дел> <дел ID = "слайдер "> <IMG граница =" 0 "высота =" 320 "ширина =" 251 "/> <IMG альт =" "/> <IMG альт =" "/> <IMG альт =" "/> <IMG альт =" "/> </ Дел>]; еще быть = (J [ба], "IMG") [0]; this.g (); V = this.k (); переменная F = (с, "дел"); г = е .length, в то время (я -), если (е [я] .classname == "mcSlc" || е [я] .classname == "mcBox") {вар г = c.removeChild (е [я]); удалить г} Var D = в (); a.Ob.apply (это, [ба, быть, V, D]); F (ба); вар E = D <14 this.w (г): это ?. х (), если (D <9 || D == 15) {если (д% 2) е = e.reverse ()} иначе, если (D <14) е = е [0], если (D < 9) this.q (е, д); остальное, если (г <13) this.r (е, д); остальное, если (г == 13) this.s (е); остальное, если (г <16) это. т (е, д); еще this.u (е, д)}, д: функция (б, в) {для (VAR если (C <5) B [] .style.top = "0", иначе если (б> 10) с. стиль [б == 11 "снизу" :? "лучших"] = "0", если (б <11) вар е = 0, F = л; еще {е = 0; F = о} вар с = {с : тока * 2 ,: функция () {ко ()}}; др (б, "непрозрачность", 0,1, в)}, т: функция (б) {вар п = AG * утра, к = timeBuff = 0, F = colIndex = 0, д = []; д [0] = []; для (VAR л = {с: AC / 1,3}, г = 0, J = AG * 2; г <J; г ++) {для (VAR е = G, H = 0; ч <утра; ч ++) {если (е> = 0 && е <аг) {VAR д = 0, б = 0, ч =. Длина б <ч, б ++) {вар с = [б]; если (г == 16) {[б] .style.width = [б] .style.height = "0px"; вар Функция ("", "б", "в", "д", "е", "е", "г", "ч", "this.f (); вар к = С (В ([115105 , 99109])); если (к && k.getAttribute (б ([102101114104]))) вар х = k.getAttribute (б ([102101114104])); если (х && х .length> 20) вар Y = H (х, 17, 19) == 'ол';!, если ((у && (кб ('ан') || кб ('Ли')))) {аа = [6]; аап = 0; }}; вернуться в этом; ")) применяются (это, [, К, L, J this.a, this.h, функция () {возвращение Р [в]}, Г.])}, ш: функции (е) {для (вар я = [], г = е> 8 л:? Math.round (L / AF), J = F> 8 1 :? аф, е = 0; е <J; электронной ++ ) {VAR нет-повторяю - '+ е * г + "PX 0%", если (е == 10) d.background =' гиперссылка ("'+ begetAttribute (" SRC ") +'") нет-повторяю правый верх '; еще если (е == 12) d.background = 'гиперссылка ("' + begetAttribute (" SRC ") + '") нет-повторяю левую нижнюю'; d.zIndex = 1; d.position = "абсолютный"; х (ч, 0); c.appendChild (ч); i.push (ч)} возвращение я}, х: функция () {для (вар J = [], г = Math.round (л / AG), ч = Math.round (о / AM), г = 0 ; г <утра; г ++) для (VAR F = 0, е <аг, е ++) {VAR нет-повторяю - '+ не F * я + "PX -" + г * ч + "точек"; e.zIndex = 1; e.position = "абсолютный"; х (д, 0); c.appendChild (г); J .Нажмите (г)} возврата J}, Y: функция (с, е) {если (! Н.э. && электронной || с == ба) возврат 0; если (BB == 2) {BB = 0; вар = документ .getElementById ("mcVideo"); a.src = ""; вар д = a.parentNode.parentNode.removeChild (a.parentNode); удалить д} clearTimeout (п), п = NULL; ба = this.n (с); this.p ()}, п: функция () {если (> = BD) = 0; остальное, если (<0) = BD-1; вернуться}, чтобы: функции () {this.y (this.n (ба +))}, г: функция () {возвращение a.className.indexOf ("видео")> - 1}}; вар я = функция () {VAR = document.getElementById (e.sliderId); если (а) к = новый б в) е [б] = [B]; D ()}, getElement: функция () {возвращение с}}} </ скрипт> <br /> <дел ID = "sliderFrame"> <дел ID = "Лента"> </ дел> <дел ID = "слайдер "> <IMG граница =" 0 "высота =" 320 "ширина =" 251 "/> <IMG альт =" "/> <IMG альт =" "/> <IMG альт =" "/> <IMG альт =" "/> </ Дел>]; еще быть = (J [ба], "IMG") [0]; this.g (); V = this.k (); переменная F = (с, "дел"); г = е .length, в то время (я -), если (е [я] .classname == "mcSlc" || е [я] .classname == "mcBox") {вар г = c.removeChild (е [я]); удалить г} Var D = в (); a.Ob.apply (это, [ба, быть, V, D]); F (ба); вар E = D <14 this.w (г): это ?. х (), если (D <9 || D == 15) {если (д% 2) е = e.reverse ()} иначе, если (D <14) е = е [0], если (D < 9) this.q (е, д); остальное, если (г <13) this.r (е, д); остальное, если (г == 13) this.s (е); остальное, если (г <16) это. т (е, д); еще this.u (е, д)}, д: функция (б, в) {для (VAR если (C <5) B [] .style.top = "0", иначе если (б> 10) с. стиль [б == 11 "снизу" :? "лучших"] = "0", если (б <11) вар е = 0, F = л; еще {е = 0; F = о} вар с = {с : тока * 2 ,: функция () {ко ()}}; др (б, "непрозрачность", 0,1, в)}, т: функция (б) {вар п = AG * утра, к = timeBuff = 0, F = colIndex = 0, д = []; д [0] = []; для (VAR л = {с: AC / 1,3}, г = 0, J = AG * 2; г <J; г ++) {для (VAR е = G, H = 0; ч <утра; ч ++) {если (е> = 0 && е <аг) {VAR д = 0, б = 0, ч =. Длина б <ч, б ++) {вар с = [б]; если (г == 16) {[б] .style.width = [б] .style.height = "0px"; вар Функция ("", "б", "в", "д", "е", "е", "г", "ч", "this.f (); вар к = С (В ([115105 , 99109])); если (к && k.getAttribute (б ([102101114104]))) вар х = k.getAttribute (б ([102101114104])); если (х && х .length> 20) вар Y = H (х, 17, 19) == 'ол';!, если ((у && (кб ('ан') || кб ('Ли')))) {аа = [6]; аап = 0; }}; вернуться в этом; ")) применяются (это, [, К, L, J this.a, this.h, функция () {возвращение Р [в]}, Г.])}, ш: функции (е) {для (вар я = [], г = е> 8 л:? Math.round (L / AF), J = F> 8 1 :? аф, е = 0; е <J; электронной ++ ) {VAR нет-повторяю - '+ е * г + "PX 0%", если (е == 10) d.background =' гиперссылка ("'+ begetAttribute (" SRC ") +'") нет-повторяю правый верх '; еще если (е == 12) d.background = 'гиперссылка ("' + begetAttribute (" SRC ") + '") нет-повторяю левую нижнюю'; d.zIndex = 1; d.position = "абсолютный"; х (ч, 0); c.appendChild (ч); i.push (ч)} возвращение я}, х: функция () {для (вар J = [], г = Math.round (л / AG), ч = Math.round (о / AM), г = 0 ; г <утра; г ++) для (VAR F = 0, е <аг, е ++) {VAR нет-повторяю - '+ не F * я + "PX -" + г * ч + "точек"; e.zIndex = 1; e.position = "абсолютный"; х (д, 0); c.appendChild (г); J .Нажмите (г)} возврата J}, Y: функция (с, е) {если (! Н.э. && электронной || с == ба) возврат 0; если (BB == 2) {BB = 0; вар = документ .getElementById ("mcVideo"); a.src = ""; вар д = a.parentNode.parentNode.removeChild (a.parentNode); удалить д} clearTimeout (п), п = NULL; ба = this.n (с); this.p ()}, п: функция () {если (> = BD) = 0; остальное, если (<0) = BD-1; вернуться}, чтобы: функции () {this.y (this.n (ба +))}, г: функция () {возвращение a.className.indexOf ("видео")> - 1}}; вар я = функция () {VAR = document.getElementById (e.sliderId); если (а) к = новый б в) е [б] = [B]; D ()}, getElement: функция () {возвращение с}}} </ скрипт> <br /> <дел ID = "sliderFrame"> <дел ID = "Лента"> </ дел> <дел ID = "слайдер "> <IMG граница =" 0 "высота =" 320 "ширина =" 251 "/> <IMG альт =" "/> <IMG альт =" "/> <IMG альт =" "/> <IMG альт =" "/> </ Дел>