Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

afbeelding vervangen (Opgelost)

pijke - 24/10/2010 18:24
Lid		hallo. ik wil graag zodra een pagina helemaal is geladen, een bepaalde afbeelding op die pagina vervangen door een andere afbeelding. ik heb hiermee al gigantisch lopen stoeien maar ik kom er maar niet uit. ik weet dat je een ID of NAME moet meegeven aan die afbeelding, maar verder lukt het maar niet. weet iemand hoe je dit moet aanpakken? alvast bedankt, Pijke.

8 antwoorden

Gesponsorde links

WouterJ - 24/10/2010 18:32
HTML gevorderde		Je bedoelt een slideshow?

pijke - 24/10/2010 18:35
Lid		nee, gewoon een afbeelding vervangen door een andere. bij een img tag dus de src veranderen.

Hend - 24/10/2010 20:12

Lid

dit is niet de beste oplossing maar beter zou ik het niet kunnen:

javascript code - Bekijk de code zonder highlighting - Klap code in

                <!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">
<head>
  <title></title>
<script language="JavaScript" type="text/javascript">
function wissel() {
  setTimeout ("wisselen()", 2000);
}

function wisselen() {
  divfoto.innerHTML = '<img src="plaatje2.jpg" alt="plaatje 2"/>';
}
</script>
</head>
<body onload="wissel()">

<div id='divfoto'>
<img src="plaatje1.jpg" alt="plaatje 1"/>
</div>

</body>
</html>

            
<!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">
<head>
  <title></title>
<script language="JavaScript" type="text/javascript">
function wissel() {
  setTimeout ("wisselen()", 2000);
}
 
function wisselen() {
  divfoto.innerHTML = '<img src="plaatje2.jpg" alt="plaatje 2"/>';
}
</script>
</head>
<body onload="wissel()">
 
<div id='divfoto'>
<img src="plaatje1.jpg" alt="plaatje 1"/>
</div>
 
</body>
</html>
 

en dan moet je de tijd in milisecondes even aanpassen aan de gemiddelde laadtijd.
maar zoals ik al zei: het is niet de beste oplossing

pijke - 24/10/2010 20:22
Lid		bedankt. maar er schijnt toch iets te zijn zoals: plaatje.src='nieuweafbeelding.png'? ik heb met dat soort dingen lopen stoeien maar ik kom er maar niet uit.

Hend - 25/10/2010 16:59
Lid		ik heb even heel snel gekeken: misschien is dit iets http://www.javascriptkit.com/howto/showie42.shtml

pijke - 25/10/2010 17:39
Lid		ja, dat is het! maar is er nog een elegante mannier om dat automatisch te laten doen zodra de pagina geladen is?

Kevin - 25/10/2010 19:18 (laatste wijziging 25/10/2010 19:18)

Crew Ajax/REST

JavaScript:

Als je een lib gebruikt zoals bv jQuery:

javascript code - Bekijk de code zonder highlighting - Klap code in

                $(document).ready(function(){
$("img#IDnaam").attr('src','locatie/naar-nieuweImage.jpg');
});
            
$(document).ready(function(){
$("img#IDnaam").attr('src','locatie/naar-nieuweImage.jpg');
});
 

Zonder:

javascript code - Bekijk de code zonder highlighting - Klap code in

                window.onload = (function(){
var wisselFoto = document.getElementById('IDnaam');
wisselFoto.src = "locatie/naar-nieuweImage.jpg";
})();
            
window.onload = (function(){
var wisselFoto = document.getElementById('IDnaam');
wisselFoto.src = "locatie/naar-nieuweImage.jpg";
})();
 

Bedankt door: pijke

pijke - 25/10/2010 20:01
Lid		je bent geweldig!!! het werkt! bedankt allemaal!

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten