Hulp gevraagd met simpel script!

Status
Niet open voor verdere reacties.
R

Robbert87

Gebruiker
Lid geworden
2 jul 2007
Berichten
8
Heyy ik wilde graag foto`s op een handige manier met javascript plaatsen, maar het werkt nog niet helemaal. De foto`s laden goed alleen de opmaak uit css waar naar gerefereerd wordt, wordt niet toegepast. (help!!) dit is het script:

function foto(){

var foto = new Array(2)
foto[0] = "optocht.jpg";
foto[1] = "optocht2.jpg";

for (i=0;i<foto.length;i++)

document.write('<div class="foto"><img src="'+foto+'"></div>')

}
 
Zou het mogelijk zijn de volledige broncode hier even te posten, dan kunnen we ons een beter beeld vormen van wat er mis loopt, en de juiste oplossing vinden.

Greetz : Jer:cool:en.
 
ja tuurlijk!

<html>
<head>
<link href="opmaaknieuw.css" rel="stylesheet" type="text/css">
<script type="text/javascript">

function foto(){

var foto = new Array(2)
foto[0] = "optocht.jpg";
foto[1] = "optocht2.jpg";

for (i=0;i<2;i++)

document.write('<div class="foto"><img src="'+foto+'"></div>')

}

</script>
</head>

<body onload="javascript:foto()">

</body>
</html>


alvast bedankt voor de moeite!

ps in opmaaknieuw.css staat de opmaak waar ik naar wil refereren in het script.

css sheet:

.foto
{ height: 210;
display: inline;
width: 230;
margin-right: 15;
cursor: pointer;
background-color: #4169E1;
border-style: solid;
border-width: 2px;
border-color: #FFA500;
text-align:center;
margin-top:25; }
 
Laatst bewerkt:
Hoe staat in je css verwezen naar je class="foto"?
#foto of .foto
Misschien is het handig de css hier ook even te plaatsen.:o

Greetz : Jer:cool:en.
 
Da's inderdaad voor id. :thumb:

Greetz : Jer:cool:en.
 
ja.. maargoed ! weet iemand miss waar ik een fout heb gemaakt? ik heb geprobeerd het zo simpel mogelijk te houden.

miss is document.write niet geschikt hiervoor of moet k ergens apart het css sheet aanroepen?
 
Wil je die CSS class gebruiken voor die foto's of voor die div?
 
Voor de divs, voor de fotos ook nog een andere, maar k dacht als dit eerst mar werkt
 
opgelost!

Voormekaar! :

<html>
<head>
<link href="opmaaknieuw.css" rel="stylesheet" type="text/css">
<script type="text/javascript">


</script>
</head>

<body>
<script>

var foto = new Array("optocht.jpg", "optocht2.jpg")

for (i=0;i<foto.length;i++)
document.write('<div class="blok"><img class="foto" src="'+foto+'"></div>');

</script>
</body>
</html>


alleen de opmaak zoals k die bedoeld heb werkt niet in FF, daar staan de images buiten de div :S
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan