src van image veranderen
Aangezien ik heel slecht ben in javascript, is het voor mij ook heel moeilijk om de juiste woorden te zoeken op google voor het script dat ik wil.. Daarom vraag ik het hier even, aangezien het niet een gigantisch groot script is.
Wat ik wil is dat je doormiddel van twee knoppen « en » een deel in de src van een plaatje op die pagina kan veranderen.
Als de src dus:
images/plaatje.php?bg=1&top=1
is wil ik dan dat je via javascript in de src de bg + 1 kan doen of -1 en hetzelfde bij top. Is dit mogelijk op een makkelijke manier?
Bij voorbaat dank!
Groetjes,
Mik
Gewijzigd op 09/02/2011 14:26:26 door Mebus Hackintosh
Mik tH op 09/02/2011 14:28:05:
Bedankt, in het nederlands zoeken.. had ik niet aan gedacht!
Huh... wat is er nederlands aan de zoekopdracht "javascript img src"?
Hahaha... :)
ik heb geprobeert met hetzelfde soort javascriptje de href van de link waar je op klikt aan te passen, zodat je als je op > klikt steeds een plaatje verder erbij doet.. Maar dat werkt niet... Iemand nog enig idee?
Toevoeging op 09/02/2011 15:08:08:
Edit:
Even een betere uitleg...
Mijn bedoeling is dat je een plaatje kan samenstellen voor een groep die je kan maken op mijn website. Dit plaatje is een php script waarbij je de achtergrond kan
veranderen en het icoontje dat erop zit. Nu heb ik dus bijvoorbeeld 10 achtergronden
en 10 icoontjes. Doormiddel van zo een script wil ik dus dat je het plaatje kan samenstellen, door door de plaatjes geen te navigeren.
1 afbeelding:
<img src='' />
2 afbeelding:
<img src='' />
<img src='' />
etc etc.. maar daarvoor moet wel elke keer de src veranderen?
Toevoeging op 09/02/2011 15:49:49:
EDIT:
Ik heb nu zelf dit gemaakt voor als het met javascript niet ging lukken:
klik hier
Toevoeging op 09/02/2011 15:54:48:
EDIT:
Opzich vind ik het ook oke dat als je een item aanklikt in het lijstje dat hij
dan door middel van javascript automatisch veranderd, dit kan dus ook door de url te
veranderen van het plaatje. Dan hoef je niet telkens op go te klikken.
Gewijzigd op 09/02/2011 15:50:02 door Mik PHP
<img src="bla" id="plaatje">
$("#plaatje").attr("src", "in wat je wilt");
Mik tH op 09/02/2011 16:03:48:
Euhm, zou zeker fijn zijn.. Alleen als er een programmeertaal is waar ik met open mond naar kijk is het javascript/jQuery wel :P
Hoezo dat nou weer?
Mik tH op 09/02/2011 16:08:25:
Omdat het voor mij net is alsof ik chinees lees.. Ik vind het echter wel zeer interessant en zou het zeker willen leren. Maar dat heeft nog even tijd nodig.
Ik denk juist dat het simpeler zal worden.
Mik tH op 09/02/2011 16:14:06:
Hoe bedoel je? Komt er een nieuwere versie uit ofzo?
Ik wil zeggen dat jQuery simpeler zal zijn dan javascript omdat het wat meer gesimplificeerd is. Enige wat je moet weten is de basiskennis en nog de juiste termen om dingen te gebruiken, als je dat door hebt kun je je makkelijk verder uitbreiden.
Dan moet je een getElementbyId (weet de precieze term niet uit mijn hoofd) en daar het src attribute aan wijzigen.
Ik heb ondertussen even onderzoek gedaan naar jQuery
omdat het me wel erg aansprak.. En echter heb je zeker
gelijk. Het is vrij simpel en ook zeer uitgebreid!
Bedankt ervoor :P!
document.getElementById('plaatje').src = "afbeelding.jpg";
wil je de afbeeldingen ook preloaden? (zodat je de afbeeldingen meteen ziet wanneer je op de knop drukt)
var array = new Array('afbeelding1.jpg','afbeelding2.jpg','etc');
for(i in array){
var img = new Image;
img.src = array;
}
Ik houd niet zo van jquery, het is soms makkelijker / sneller maar ik zie het vooral gebruikt worden voor dingen die sowieso al redelijk makkelijk zijn, als je het zonder jquery (of welke andere lib dan ook) kan, doe het dan ook zonder. Dan heb je minder afhankelijkheden en een snellere code.
Gebruik een lib alleen als het de productie-tijd zonder die lib veel te lang zou zijn.
Gewijzigd op 10/02/2011 12:08:09 door Johan Dam