|
|
 | slideshow i Dreamweaver ?
Fra :  heseda  | Vist : 2171 gange
500 point
Dato : 28-12-08 12:18 |
|
Hvordan laver jeg et slideshow, bestående af 3 bileder (600x100), sat ind i en tabel (celle). Jeg har prøvet af følge denne http://www.youtube.com/watch?v=yx9jl2nOlNw
"Indset - media - image viewer" men det fylder for meget (der er for meget luft omkring billedet). Når jeg prøver at lave "boxen" mindre - ja så bliver billederne også mindre.
hvad gør jeg forkert - eller er der en lettere måde at lave det på
| |
 | Kommentar
Fra : bentjuul |
Dato : 28-12-08 13:21 |
|
Jeg ville bruge et javascript som det nedenunder og sætte ind i koden på din side. Navngiv dine billeder som 1.jpg 2.jpg 3.jpg og sæt følgende ind mellem dine head tags
Kode
<script language="JavaScript1.1">
<!--
//specify interval between slide (in mili seconds)
var slidespeed=3000
//specify images
var slideimages=new Array("1.jpg","2.jpg","3.jpg")
//specify corresponding links
var slidelinks=new Array("http://www.dynamicdrive.com","http://javascriptkit.com","http://www.geocities.com")
var newwindow=1 //open links in new window? 1=yes, 0=no
var imageholder=new Array()
var ie=document.all
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
function gotoshow(){
if (newwindow)
window.open(slidelinks[whichlink])
else
window.location=slidelinks[whichlink]
}
//-->
</script> |
Sæt følgende ind mellem dine body tags i den celle hvor billederne skal køre
Kode
<a href="javascript:gotoshow()"><img src="1.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width=600 height=100></a>
<script language="JavaScript1.1">
<!--
var whichlink=0
var whichimage=0
var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+blenddelay)
}
slideit()
//-->
</script> |
| |
| Kommentar
Fra : heseda |
Dato : 29-12-08 16:47 |
|
Kære bentjuul. Det må du også meget undskylde, men jeg har desvære ikke haft tid til at se på det. Vi fik gæster igår - og jeg har været på job idag. Vil du være sød at lige din prøve ind igen, jeg har lige haft tid til at se prøven som ser fin ud, men har desværre ikke fået doenlade din zip fil.
Med venlig hilsen Heseda
| |
| Kommentar
Fra : heseda |
Dato : 29-12-08 17:52 |
|
Lige et spørgsmå. Hvis der nu er forskellige størelser på de billeder og flerer end 3 billeder man ønsker at vise i slidshowet - kan man så undlade at sætte en bestemt størelse.??
<a href="javascript:gotoshow()"><img src="1.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width=600 height=100></a>
Mvh. Heseda
| |
| Kommentar
Fra : bentjuul |
Dato : 29-12-08 18:42 |
|
Hvis du skal flere end 3 billeder så skal du tilføje f.eks. 4.jpg 5.jpg i denne linie Kode
var slideimages=new Array("1.jpg","2.jpg","3.jpg") |
Hvis det skal være i forskellige størrelser så skal de ikke være i en tabel, da tabellen vil ændre sig i forhold til billedstørrelse med dette script.
Hvis du fjerner det jeg her fremhæver så kører det enhver størrelse
<a href="javascript:gotoshow()"><img src="1.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width=600 height=100></a>
Jeg troede du skulle bruge det som et slags banner. 
| |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|