McDMedlem sedan mars 20002 520 inlägg Hej
Har letat lite bland diverse gratis javascirpt på nätet men inte hittat det jag är ute efter, därför tänkte jag höra med er om ni har sett nått som kan vara intressant för mig. Tycker inte att det är allt för stora krav jag ställer :P
Scriptet skall:
* Slumpa bilder från en specifik mapp. Det ska vara enkelt att bara kasta in bilder i en mapp på servern så de kommer upp automatiskt på hemsidan utan några editeringar i någon eller några filer.
(Går det inte eller om det inte finns ge gärna förslag på scirpt där jag får editera).
* Att bilderna slumpas/byts ut efter en viss tid de varit framme, utan någon reload av sidan. Ska funka som typ en animerad gifbild.
Vill inte använda en javaapplet, bara ett rent javascirpt har ingen nytta av flashiga animeringar :(
Tack för hjälpen...
colioneMedlem sedan juni 20014 421 inlägg McDMedlem sedan mars 20002 520 inlägg Ja det var nog lite för avancerat för mig, skulle nog vara bra med något enklare... :)
(Ska nämligen försöka få in detta på "page" sida på en wordpress installation)
Kan det som finns i sidhuvudet på min blogg vara något av intresse?
McDMedlem sedan mars 20002 520 inlägg Ja precis så... :D
men frågan är då hur jag får in detta då jag använder Atahualpa Theme till mitt wp.
Tanken är att jag vill använda detta på en startsida till min blogg... dvs en statisk sida som startsida men med ett bildspel som ditt... :)
I sin enklaste form:
<script type="text/javascript">
var path = "/bilder/";
var images = ["bild1.jpg", "bild2.jpg", "bild3.jpg"]; // <- Där måste du lista alla bilder
var theImage=path + images[parseInt(Math.random()*images.length)];
document.write('<img src="' + theImage + '" />');
</script>
Sen går det att lösa det med PHP utan att behöva lista bilderna. Låt mig återkomma med en sådan lösning om du hellre vill det.
Ni XHTML Strict-fanatiker får väl smiska mig för att jag använder document.write...
McD skrev:
Ja precis så... :D
men frågan är då hur jag får in detta då jag använder Atahualpa Theme till mitt wp.
Tanken är att jag vill använda detta på en startsida till min blogg... dvs en statisk sida som startsida men med ett bildspel som ditt... :)
Jag nyttjar mig av ett javascript, närmare bestämt jQuery och ett plugin. Sedan som källa för bilderna i bildspelet har jag ett galleri från wordpresspluginen NextGEN Gallery.
Givetvis har jag ju stylat det lite granna också med CSS. :)
Bifogar en zip-fil med jquery-scriptet samt då php-koden för läsningen av bilderna från galleriet.
Har ännu inte skrivit det som ett ett enkelt installerbart plugin till wordpress dock.
Kanske ger något. :)
McDMedlem sedan mars 20002 520 inlägg nitro2k01 det vore mycket intressant att köra det med php tillsammans med javascirptet... men går det att lösa med någon slumpfunktion/tid / bild för det fanns väll inte i ditt script du la in?...
TACK.
Fadde din zip funkar inte, blir nog lite för komplicerat för mig ;)
McD skrev:
nitro2k01 det vore mycket intressant att köra det med php tillsammans med javascirptet... men går det att lösa med någon slumpfunktion/tid / bild för det fanns väll inte i ditt script du la in?...
TACK.
Fadde din zip funkar inte, blir nog lite för komplicerat för mig ;)
okei! :) Skall se om jag hinner fixa det lite enklare :)
McDMedlem sedan mars 20002 520 inlägg Skam den som ger sig... hittade detta
http://www.hscripts.com/scripts/JavaScript/slide-show-image.php
Har detta uppe och rullar nu, dock så läses inte bilderna in från en katalog, såg att jag inte kan använda php utan denna funktion måste ske via javascriptet direkt om det går??
FuelMedlem sedan okt. 20001 285 inlägg javascript är ju ett klientspråk - du måste nog blanda in php ( serverspråk ) för att få det som du vill :)
McD, jag vet inte om du redan fått det att funka så som du vill ha det. Men eftersom jag var ute efter samma sak som du så har jag ändrat http://www.hscripts.com/scripts/JavaScript/slide-show-image.php till att visa slumpmässiga bilder i en mapp.
<?php
$i = 0;
$images = "";
$dir = "images"; //vilken mapp bilderna ligger i
$dirhandle = @opendir($dir); //öppnar mappen
if($dirhandle) //gick det att öppna mappen?
{
while($file = readdir($dirhandle)) //loopar igenom alla filer i mappen
{
if(filetype($dir . "/" . $file) == "file") //är det en fil?
{
$images[$i]= $file; // lägger till filen i en php array
$i++;
}
}
}
else
{
echo "Kunde inte öppna mappen";
}
?>
<script type="text/javascript">
var slideimages=new Array()
function slideshowimages()
{
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
</script>
<img src="" name="slide" border=0>
<script type="text/javascript">
/** Skapar en js vektor med alla filer*/
<?php
echo "slideshowimages(";
for ($c=0; $c<$i-1; $c++){
echo "'".$dir."/" . $images[$c] . "',";
}
echo "'".$dir."/" . $images[$i-1] . "');";
?>
var slideshowspeed=2000
var whichimage=0
function slideit()
{
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
/*if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0*/
whichimage=Math.floor(Math.random()*slideimages.length) //slumpar en bild
setTimeout("slideit()",slideshowspeed)
}
slideit()
</script>
Ja, jag fick min första lösning!!:):)
