SlideShow simplu cu Javascript

---

Cu ajutorul unui cod script realizat de Vku poti adauga un slideshow cu imagini ce se schimba la un anumit interval de timp.

Pentru utilizare mergi la Desing --> Adaugati un obiect gadget --> HTML/Javascript si aici adaugi urmatorul script:

<div id="cambiaimg-vku" style="text-align: center;"></div>
<script type="text/javascript">
//<![CDATA[
var cont = 0;
var arr = [
["http://www.trilulilu.ro/muzica","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc739MbBFzcZwlkeaaJuzKE3d4qwz4fpjqCAJ-Nrnvh0m40VCrdkokqs24oG26oY-Cjilke5ucLlCQfDuN13Ypzd_xf9XfA9WkBzoSydhBNA9OTTig1DqG0_oRcqGNAaRbbBoULwDMsexD/s400/trilulilu.ro+2011-4-3+13-28-23.png"],
["http://www.trust-community.com/costan","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7-Gj_-516Lw2x4FaYbgPUtiF0JcS6UT0YP8qW91j2-Hb31QzM9wUWmRxDxUoUw4UvJStidMNxIWHks_k5siV4BPPwSkTJ_6eYhO24DDg16ab9hIvpzOgwQAvnn6lXIsi5acdTQjQEULtt/s400/www.trust-community.com+2011-4-3+13-29-10.png"],
["http://nouwidget.blogspot.com/","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJg4lEUotRXrChRhjD1c1M-qJxgyPBI0cWa7JsqE-aVA1CdGB6qMMjttZddJRciWftspwgBtViy9U9K_kT-9pRuiciqqlsGOrvSnLg9dd0aiElVB-vSaIKQlwiWLZXq3ojBMSxoIhxo46w/s400/nouwidget.blogspot.com+2011-4-3+13-26-53.png"],

]
function cambiaimg_vku() {
var d = document.getElementById("cambiaimg-vku");
cont = cont % arr.length;
d.innerHTML = "<a href='"+arr[cont][0]+"' target='_blank'><img border=0 src='"+arr[cont][1]+"'></a>";
cont++;
}
function inicioimg_vku() {
cambiaimg_vku();
setInterval(cambiaimg_vku, 3000);
}
window.onload=inicioimg_vku;
//]]>
</script>

Schimba adresele de link (culoare albastra)
Inlocuieste url imaginilor (culoare rosie) cu imagini ce doresti sa apara in slideshow.
Daca vrei sa modifici viteza de schimb 3000 a imaginilor schimba numarul cu unul superior sau inferior.

Daca vrei sa apara mai multe imagini in slideshow adauga ori de cate ori ai nevoie urmatoarea linie de cod:

["http://nouwidget.blogspot.com/","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJg4lEUotRXrChRhjD1c1M-qJxgyPBI0cWa7JsqE-aVA1CdGB6qMMjttZddJRciWftspwgBtViy9U9K_kT-9pRuiciqqlsGOrvSnLg9dd0aiElVB-vSaIKQlwiWLZXq3ojBMSxoIhxo46w/s400/nouwidget.blogspot.com+2011-4-3+13-26-53.png"],

Un exemplu de SlideShow gasesti aici...