Tekst links van de foto

[rarevent]

Hoi,
ik wil graag foto's op mijn site (die ik maak met html )
ik vond op leejoo dit leuke javascript: http://www.leejoo.nl/java/imageeffects/voorbeeldfoto/voorbeeld_foto.htm#
maar, kan iemand het aub zo veranderen dat de tekst van Voorbeeld foto 1
links van de foto's komt te staan
als je mijn bedoeling niet snapt zie dan hier mijn mooie paint tekening van hoe ik het wil hebben:

alvast bedankt :thumb:

 

[Tha Devil]

Misschien werkt dit:

<SCRIPT language=JavaScript type=text/javascript>
<!-- Begin
var foto1 = new Image();
var foto2 = new Image();
var foto3 = new Image();
foto1.src = "1.jpg";
foto2.src = "2.jpg";
foto3.src = "3.jpg";

function Voorbeeld(newfoto)
{
eval("document['picture'].src = " + newfoto + ".src");
}

//  End -->
</SCRIPT>
<SCRIPT language=JavaScript><!--//ebene2back();self.focus();//--></SCRIPT>

<p style="float: left;">
<a onmouseover="Voorbeeld('foto1')" href="#">Voorbeeld Foto 1</a><BR>
<a onmouseover="Voorbeeld('foto2')" href="#">Voorbeeld Foto 2</a><BR>
<a onmouseover="Voorbeeld('foto3')" href="#">Voorbeeld Foto 3</a>
</p>
<p style="float: right;">
<IMG height="90" src="1.jpg" width="136" border="1" name="picture"></p>

Dus dat je de "secties" laat float-en

 

[rarevent]

Misschien werkt dit:

<SCRIPT language=JavaScript type=text/javascript>
<!-- Begin
var foto1 = new Image();
var foto2 = new Image();
var foto3 = new Image();
foto1.src = "1.jpg";
foto2.src = "2.jpg";
foto3.src = "3.jpg";

function Voorbeeld(newfoto)
{
eval("document['picture'].src = " + newfoto + ".src");
}

//  End -->
</SCRIPT>
<SCRIPT language=JavaScript><!--//ebene2back();self.focus();//--></SCRIPT>

<p style="float: left;">
<a onmouseover="Voorbeeld('foto1')" href="#">Voorbeeld Foto 1</a><BR>
<a onmouseover="Voorbeeld('foto2')" href="#">Voorbeeld Foto 2</a><BR>
<a onmouseover="Voorbeeld('foto3')" href="#">Voorbeeld Foto 3</a>
</p>
<p style="float: right;">
<IMG height="90" src="1.jpg" width="136" border="1" name="picture"></p>

Dus dat je de "secties" laat float-en

hmmm dat snap ik helemaal wat je bedoelt
maar het werkt wel =D bedankt :thumb::thumb:

kan je nog 1 dingetje veranderen?
namelijk als je op de pagina komt..
dan zie je niet de 1e foto ofzo, maar zo'n leeg vaak met zo'n rood kruisje linksbovenin,
kan je dit zo maken dat hij dan alvast de 1e foto laat zien?

 

[Tha Devil]

Dat moet je zelf even aanpassen, je zult het pad naar de afbeeldingen juist in moeten vullen.

o.a hier

foto1.src = "1.jpg";
foto2.src = "2.jpg";
foto3.src = "3.jpg";

en hier

<IMG height="90" src="1.jpg" width="136" border="1" name="picture">

Ik begrijp tenminste dat je geen afbeeldingen genaamd 1.jpg, 2.jpg en 3.jpg in dezelfde map als het .html bestand hebt staan

 

[rarevent]

had ik bij die eerste al gedaan, maar ik snapte even niet wat ik precies met die laatste regel kon, behalven het aanpassen van grootte.
Maar ik heb het nu helemaal perfect =D
dus bedankt nogmaals :thumb:
en deze zet ik op opgelost