Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

plaatje wisselen

7 antwoorden
  • Hallo Allemaal, Ik ben op zoek naar een javascript om een plaatje te wisselen als je op vernieuwen klikt. Nou mag ik geen script request doen en dat is dit ook niet. Ik heb al met van alles gegoogled maar kan niets relevants vinden. Wil iemand even vertellen met wat ik moet zoeken, hoe heet dat. Met image change kwam ik niet verder en met plaatje wisselen al dan niet met javascript erbij ook niet. Ik zal dus wel verkeerd zoeken maar hoe wel. Alvast bedankt!
  • Alsjeblieft:[code:1:5026cbcab2]<script language="JavaScript" type="text/javascript"> var backgroundSrcs = new Array("plaatje1.jpg","plaatje2.jpg","plaatje3.jpg") function pickimage() {var bgimage=backgroundSrcs[(Math.round(Math.random()*(backgroundSrcs.length-1)))] document.getElementById("replace").style.backgroundImage = "url('" + bgimage + "')";} </script>[/code:1:5026cbcab2]En dan geef je het element dat van achtergrond plaatje moet veranderen het id "replace". Dit werkt natuurlijk alleen met achtergrond plaatjes, iedere keer als de pagina wordt geladen wordt at random uit je serie plaatjes een plaatje gekozen. Ik gebruikte dit script voor een header van een [url=http://www.hansbusman.nl/]site[/url] die ik een tijd geleden voor iemand had gemaakt, kan me niet meer herinneren waar ik het vandaan heb.
  • Je kunt ook een php-bestandje gebruiken. Plaatst onderstaande code in een tekstbestand en sla dat op met de uitgang .php (let er op dat het niet .php.txt wordt). Sla het daarna op in de map waar de afbeeldingen in staan en roep het bestand op (in de img tag voor hmtl of achter background-image voor css). ------------------- CODE ------------------- <?php $folder = '.'; $extList = array(); $extList['gif'] = 'image/gif'; $extList['jpg'] = 'image/jpeg'; $extList['jpeg'] = 'image/jpeg'; $extList['png'] = 'image/png'; // You don't need to edit anything after this point. // --------------------- END CONFIGURATION ----------------------- $img = null; if (substr($folder,-1) != '/') { $folder = $folder.'/'; } if (isset($_GET['img'])) { $imageInfo = pathinfo($_GET['img']); if ( isset( $extList[ strtolower( $imageInfo['extension'] ) ] ) && file_exists( $folder.$imageInfo['basename'] ) ) { $img = $folder.$imageInfo['basename']; } } else { $fileList = array(); $handle = opendir($folder); while ( false !== ( $file = readdir($handle) ) ) { $file_info = pathinfo($file); if ( isset( $extList[ strtolower( $file_info['extension'] ) ] ) ) { $fileList[] = $file; } } closedir($handle); if (count($fileList) > 0) { $imageNumber = time() % count($fileList); $img = $folder.$fileList[$imageNumber]; } } if ($img!=null) { $imageInfo = pathinfo($img); $contentType = 'Content-type: '.$extList[ $imageInfo['extension'] ]; header ($contentType); readfile($img); } else { if ( function_exists('imagecreate') ) { header ("Content-type: image/png"); $im = @imagecreate (100, 100) or die ("Cannot initialize new GD image stream"); $background_color = imagecolorallocate ($im, 255, 255, 255); $text_color = imagecolorallocate ($im, 0,0,0); imagestring ($im, 2, 5, 5, "IMAGE ERROR", $text_color); imagepng ($im); imagedestroy($im); } } ?> ------------------------ Verder heb je nog Rvolver (www.tubatomic.com/revolver). Uitgebreid, maar ook geschikt voor het verversen van afbeeldingen.
  • Hoi Drewster, Hartstikke bedankt! Ik weet nog niet hoe het moet met een id repace maar daar ga ik wel even mee knutselen. Kan je me ook nog zoekwoorden aanraden waarmee ik zoiets zou kunnen vinden? En gwbosma, ook bedankt! een php oplossing is natuurlijk ook erg mooi, ik ga het proberen!
  • Voor iets vergelijkbaars als ik had, denk ik iets van "random image script" oid...
  • Ok, die "random image script" levert inderdaad veel relevante resultaten op. Ik wist eigenlijk niet dat dit dus ook kan met een php script. Dat vind ik eigenlijk de mooiste oplossing, helemaal omdat je dat in je css zet met een background-image, geweldig! Bedankt gwbosma!
  • of http://www.google.nl/search?q=image+rotator+script

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.