Podstrony
- telcocafe
- [PHP] Skrypt cenzury Chcę cenzury!!!
- [HTML+ PHP] Skrypt HTML w PHP
- [JS] Problem ze skryptem pobierającym źródło strony skrypt pobierający źródło strony
- [Galeria] Co to za skrypt galeri?
- [PHP] Skrypt wejscia na strone Jedyne mozliwe wejscie na strone
- [mysql php]wykonywanie skryptów php z bazy mysql czy to mozliwe?
- [php] sprawdzanie formularzy !!! wyswietla sie komunikat ale skrypt wykonuje sie dalej!
- [JS/PHP] Wykrycie czy plik php jest otwierany bezpośrednio czy przez skrypt JS
- [php i mysql]problem ze skryptem :/ Unknown column 'asdf' in 'where clause'
- Skrypt dziala na PHP 4 a na PHP 5 nie
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- ayno.opx.pl
telcocafe
Witam poszukuje skryptu który zmieniał by w kółko zdjęcia tak jak tutaj, tyle ze tu jest w flashuhttp://algorytmy.pl/?id=510&pp=503
znalazłem taki skrypt ale w nim zdjęcia nie zmieniają się płynnie
<script language="Javascript1.1">
<!--
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
<a href="java script:gotoshow()"><img src="1.jpg" name="slide" border=0 width=300 height=375></a>
<script>
<!--
//configure the paths of the images, plus corresponding target links
slideshowimages("header/1.jpg","header/2.jpg","header/3.jpg")
slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious. com/run/recipe/view?id=10092","http://food.epicurious.com/run/recipe/view?id=100975"," http://food.epicurious.com/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe/view? id=20010")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
Nie podałeś nazwy technologii, więc pokażę, jak to zrobić za pomocą jQuery.
Kod wystarczy taki:<div id="zdjecie" style="width: 400px; height: 300px"><img src="zdjecie1.jpg" width="400" height="300" alt="" style="display: block" /></div>W jQuery efekt przenikania można uzyskać dzięki fade. Fotki będą przechowywane w zmiennej, a kod obsługi będzie wyglądał tak:var tablicaObrazow = ['zdjecie1.jpg', 'zdjecie2.jpg', 'zdjecie3.jpg', 'zdjecie4.jpg'], zmienObraz = function(obr) { $('#zdjecie').css('background', 'url(' + $('#zdjecie img').attr('src') + ')'); $('#zdjecie img').fadeOut(0).attr('src', tablicaObrazow[obr]).fadeIn(400, function() { if (++obr >= tablicaObrazow) obr = 0; setTimeout('zmienObraz(' + obr + ');', 2000); }); }; zmienObraz(0);Efekt przejścia będzie trwał 0,4 sekundy, a obrazy będą zmieniane co 2 sekundy (2,4 razem z przejściem). Warto do tego przeładować obrazy przed wyświetleniem animacji, bo inaczej efekt nie będzie ciekawy.
Użytkownik andrzej_aa edytował ten post 07 styczeń 2010, 17:27