plaatje invogen

[xvilo]

hoi,
ik heb een script nodig dat als ik hier op klik:

dat dit plaatje:

dit plaatje word:

enzo voort
er is ook een knop omlaag

 

[That Guy]

errrrr... okay. Goed om te weten.






Eventjes, we krijgen niet betaald om even scriptjes voor je te gaan schrijven. Het is wel de bedoeling dat je een probleem hebt, en eerst zelf eens wat gaat doen. Als het dan niet lukt, kan je hier vragens tellen.

Nu, om je de goede richting op te duwen:

de html onclick-atribuut

<iets onclick='doeIets();'>test</iets>

en javascript code:
[JS]function doeIets()
{
//code
}[/JS]
is te gebruiken. Daarnaast kan je het 'src' van een plaatje aanpassen:

<img src='test.jpg' id='ding' />

[JS]var img = document.getElementById('ding');

img.src = 'anders.jpg';[/JS]


Ohja, bovendien, je scrijft versi met een e erachter: versie

 

[xvilo]

errrrr... okay. Goed om te weten.






Eventjes, we krijgen niet betaald om even scriptjes voor je te gaan schrijven. Het is wel de bedoeling dat je een probleem hebt, en eerst zelf eens wat gaat doen. Als het dan niet lukt, kan je hier vragens tellen.

Nu, om je de goede richting op te duwen:

de html onclick-atribuut

<iets onclick='doeIets();'>test</iets>

en javascript code:
[JS]function doeIets()
{
//code
}[/JS]
is te gebruiken. Daarnaast kan je het 'src' van een plaatje aanpassen:

<img src='test.jpg' id='ding' />

[JS]var img = document.getElementById('ding');

img.src = 'anders.jpg';[/JS]


Ohja, bovendien, je scrijft versi met een e erachter: versie

sorry maar daar ben ik totaal niet goed in ik snap er niet veel van

 

[ErikBooy007]

Dan zul je je moeten gaan verdiepen in javascript, want dan is het niet zo moeilijk.

(Of je moet met een enorme zak met geld aankomen, dan doe ik het voor je. Niet dat ik niet voor niks wil helpen, maar het gaat om de manier waarop hè?)

Daarnaast hoef je niet de post voor je te quotes (beetje irritant).

 

[xvilo]

als je blief wil je voor mij doen??

 

[ErikBooy007]

Nee, ik ga het niet voor je doen. Toon even een beetje initiatief.

Als je nou eens begint met wat beter uit te leggen wat precies de bedoeling is, dan kunnen wij je misschien wat aanwijzingen geven.

 

[xvilo]

ik hoop dat dit filmpje je een beetje duidelijkermaakt
http://www.youtube.com/watch?v=msVcY5LNaM0

 

[ErikBooy007]

Ik kan 'm nog niet bekijken.

 

[xvilo]

weet ik net geupload ff wachten 10 15 min dan is wel ok

 

[ErikBooy007]

Ik heb het inmiddels gezien, maar je hebt dus een flash-site gemaakt?

Hoe wil je dat dan met JavaScript gaan veranderen. Lijkt me dat je dan bij Flash moet zijn toch?

[EDIT]
Oeps ik dacht dat in het filmpje stond ik start Adobe Flash op, maar hoe ik daar nu weer bij kom...
[/EDIT]

 

[xvilo]

Ik heb het inmiddels gezien, maar je hebt dus een flash-site gemaakt?

Hoe wil je dat dan met JavaScript gaan veranderen. Lijkt me dat je dan bij Flash moet zijn toch?

even ter info
het is geen flash het bestaat uit allemaal kleine plaatjes
in het midden staat het plaatje met de tekst zoals je kunt zien
er naast staan plaatjes met pijltjes er in snappie het bestaat uit plaatje

 

[ErikBooy007]

Oké, kun je het even online zetten? Dan kunnen we je nog gerichter helpen.

Even het basic idea:

<img src="pijltjenaarboven.png" alt="UP" onclick="changeafbeelding('2009.png')" />

<img src="2004.png" alt="2004" id="centerimage" />

[JS]
<script type="text/javascript">
function changeafbeelding(path){
document.getElementById('centerimage').src=path;
}
</script>
[/JS]

Dat is basically het idee, maar dat had Vegras je ook al verteld.

 

[xvilo]

hoi
dit is de eerste site met het plaatje

dit is de 2e site met het plaatje.

let wel bij het uitpakken dat hij op het bureau blad gaat
het eerste plaatje moet verwisseld worden met het 2e

 

[ErikBooy007]

Ik ga geen exe downloaden om te kijken wat je wilt... snap ook niet waarom je het spul in een exe aanbied.

Maak er gewoon een HTML pagina van en zet die online. Als je dat niet kunt, is wat je nu wilt waarschijnlijk te hoog gegrepen.

 

[xvilo]

www.semschilder.nl/aquamp/1.html
www.semschilder.nl/aquamp/2.html
dit zijn ze dan op mijn website
sem schilder .nl

 

[ErikBooy007]

Kijk, nu komen we ergens. Het is nog wel "vieze" code, maar daar gaat het nu even niet om.

Maak van:

<img src="images/sem1_22.jpg" width="41" height="69" alt=""></td>

eens:

<img src="images/sem1_22.jpg" width="41" height="69" alt="" onclick="pic('prev')"></td>

en van:

<img src="images/sem1_25.jpg" width="41" height="69" alt=""></td>

maak je:

<img src="images/sem1_25.jpg" width="41" height="69" alt="" onclick="pic('next')"></td>

Van:

<img src="images/sem1_19.jpg" width="410" height="337" alt=""></td>

maak je:

<img src="images/sem1_19.jpg" width="410" height="337" id="changablePic" alt=""></td>

In je head zet je:

[JS]
<script type="text/javascript">

var pictures = ['sem1_19.jpg', '2_19.jpg']; // hier kun je meer afbeeldingen toevoegen, op volgorde zoals je ze wilt laten weergeven.
var current = 0;

function pic(picture) {

if ( picture == 'next' ) {
current++;
} else {
current--;
}

if ( current > ( pictures.length - 1 ) ) {
current = 0;
} elseif ( current < 0 ) {
current = pictures.length - 1;
}

document.getElementById('changablePic').src = 'images/' + pictures[current];

}

</script>
[/JS]

Zo, denk dat je hier wel wat mee kunt.