21 svar · 5 404 visningar · startad av silfver
Vart hittar man ett sånt här enkelt och simpelt bildvisningsscript som t.ex. Chromasia.com har på sin hemsida? Jag har sett det på andra ställen också, så jag antar att det är något man kan ladda ner någonstans.
r/ Och hur fungerar de? Det verkar som att de är dynamiska. Eller?
Ja, det verkar som så. Bilderna läggs nog i en mapp och sedan scriptas de fram
med en timer som visar bilden i X antal sekunder. Det finns även en timer kopplad till en fadefunktion på bilderna.
Riffles skrev:
Ja, det verkar som så. Bilderna läggs nog i en mapp och sedan scriptas de fram
med en timer som visar bilden i X antal sekunder. Det finns även en timer kopplad till en fadefunktion på bilderna.
Det låter som ett script jag gärna vill ha.
Så, vart tror ni man kan hitta det? :)
i chromasias kod hittar du adresserna till 2st .js + i ena js:et finns adressen till http://blog.deconcept.com/swfobject
tanten skrev:
i chromasias kod hittar du adresserna till 2st .js + i ena js:et finns adressen till http://blog.deconcept.com/swfobject
Hinner inte sätta mig in i länken du skickade just nu, men har den något att göra med slideshowen då?
SWFObject: Javascript Flash Player detection and embed script
När jag kollat lite hastigt så fattar jag det som att personen bara visar sätt att bädda in flash i sidan.
Har jag fel?
r/ Eller är det så att han visar en enkel bild, men det är bara själva "laddningscirkeln" som är flash? Hm.
Var ett tag sedan jag knölade med något liknande, så jag kanske blandar och ger.
Men han visar bilderna som om det var en flashfilm...
med denna http://www.chromasia.com/scripts/galleryimageswitch.js
och
<script type="text/javascript">
// <!--
var fo = new FlashObject("image_assets/main_page_slideshow.swf", "slide-show", "800", "533", "7", "#FFFFFF");
fo.write("images");
// -->
</script>
och embeddar den på sidan med SWFObject
En svensk sida om det kan du se här, fast det är väl bara en översättning
http://www.axbom.se/flashobject/
Hoppas det blev rätt nu... ;)
Tack för den svenska länken! Ska läsa igenom det i morgon. Men ursäkta mig nu ifall jag då ställer en dum fråga utan att ha läst något. Men filen image_assets/main_page_slideshow.swf - existerar inte den då? Eller vad ska den filen göra och se ut?
ah nu hittade fram till sidan jag letat efter, här ger han en ingående beskrivning...
Hann inte se din nästa fråga, men tror du hittar dina svar i sista länken :-)
Det visade sig att Chromasia använder SlideshowPro vilket kostar pengar. Men borde jag kunna uppnå samma resultat gratis, genom att läsa mig igenom länkarna du tipsat om, tanten?
silfver skrev:
Det visade sig att Chromasia använder SlideshowPro vilket kostar pengar. Men borde jag kunna uppnå samma resultat gratis, genom att läsa mig igenom länkarna du tipsat om, tanten?
Kan detta vara vad du söker? :L
http://www.dynamicdrive.com/dynamicindex14/image4.htm
Mulle skrev:
Kan detta vara vad du söker? :L
http://www.dynamicdrive.com/dynamicindex14/image4.htm
Jag verkar inte få demot på sidan att fungera. :o
silfver skrev:
Jag verkar inte få demot på sidan att fungera. :o
Inga problem för mig.Fungerar klockrent.Klistrade du in båda koderna som det står man skall göra.Sedan är det bara att ändra storleken på bilden samt namnen på dina bilder. :bire
Fungerar klockrent i IE!
I Mozilla så verkar det som att fadefunktionen inte fungerar.
Sämre blir det i Opera, där scriptet inte fungerar alls.
Riffles skrev:
Fungerar klockrent i IE!
I Mozilla så verkar det som att fadefunktionen inte fungerar.
Sämre blir det i Opera, där scriptet inte fungerar alls.
Då verkar det inte vara nåt att ha. Ska försöka få tantens förslag att fungera. Hade problem med det i går...
tanten skrev:
ah nu hittade fram till sidan jag letat efter, här ger han en ingående beskrivning...
Jag har gjort exakt som Axbom gör?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<p>Text.</p>
<p><a href="#content_begin" title="Hoppa direkt till innehållet">
<img src="blank.gif" alt="" /></a></p>
<script type="text/javascript" src="flashobject.js"></script>
<div id="flashcontent">
<!--Det här innehållet ersätts av Flash-filmen.--><br />
<img src="calliandra.jpg" alt="calliandra blomma" /><br />
(Om du har Flash Player 6 och JavaScript aktiverat ser du ett bildspel med blommor i stället för en enstaka bild ovan.)
</div>
<script type="text/javascript">
var fo = new FlashObject("slideshow_370x280.swf?sourceXML=images.xml", "slideshow", "370", "280", "6", "#ffffff");
fo.write("flashcontent");
</script>
</body>
</html>
Alla filer ligger i samma mapp som index.htm. Varför ser jag ingen bild eller någon flashfilm? :(
Ehm. Okay, vet inte varför det ovan inte fungerade, men jag bytte ut allt mellan <body> till det här:
<script type="text/javascript" src="flashobject.js"></script>
<div id="flashcontent">
This text is replaced by the Flash movie.
</div>
<script type="text/javascript">
var fo = new FlashObject("slideshow_370x280_1.swf", "mymovie", "800", "600", "7", "#336699");
fo.write("flashcontent");
</script>
och det fungerar prima!
Men en till fråga bara; Vad exakt gör flashfilmen? Den här slideshow_370x280_1.swf.
Ifall jag i stället väljer att visa en bild på 800x600 pixlar så syns inte hela bilden av någon konstig anledning.
Kolla de bifogade bilderna. Bild 1 är hur bilden visas. Bild 2 är hur bilden egentligen ser ut.
Ingen som har lust att hjälpa till?