| Schrijver |
Bericht |
103720
Forum Lid
3 posts |
# Geplaatst: 28 Apr 2010 23:41
Hallo allemaal,
ik heb een vraag waar ik echt niet uit kom dus ik hoop dat ik hier iemand tref die me kan en wil helpen.
Ik heb een site gemaakt waarbij het me lukt om bij elke verversing van een pagina een andere afbeelding te tonen. Dat heb ik als volgt gedaan:
In de pagina staat de code:
<td height="100" colspan="2" align="left" valign="top" background-image:url(blabla.jpg)><?php include("logo.php"); ?>
</td>
In het logo.php bestand staat:
<p class="centeredImage"><img src="http://www.mijnwebsite.nl/test/header_<?php echo(rand(1,5)); ?>.jpg" vspace="0" />
De afbeeldingen (met de naam 'header_1.jpg en header_2.jpg staan in dezelfde directory als de pagina en de logo.php. Dit werkt dus.
Maar nu heb ik een andere website die anders is opgebouwd en daar wil ik dit ook werkend krijgen. Maar dat lukt me dus niet.
Op de plaats waar de afbeelding moet komen staat nu een afbeelding die via de code : <div id="top"></div> wordt aangeroepen. In het css-bestand waar deze 'top' staat, staat de code: #top { background-image: url(../themes/rood/rood_top.gif);}
waardoor ik dus de afbeelding rood_top.gif krijg te zien.
Maar nu wil ik dus dat deze standaard-afbeelding wordt vervangen door een groepje afbeeldingen die bij elke verversing van de pagina veranderd.
Iemand die me hierbij kan/wil helpen?
Alvast bedankt voor de reacties.
|
| |
|
Emass
Forum Lid
286 posts |
# Geplaatst: 28 Apr 2010 23:51
Je zou de div een extra class mee kunnen geven, en die willekeurig laten verschijnen.
Dus;
<div id="top" class="background_<?php echo(rand(1,5)); ?>"></div>
.background_1 { background-image: url(../themes/rood/rood_top.gif);}
.background_2 { background-image: url(../themes/rood/groen_top.gif);}
.background_3 { background-image: url(../themes/rood/blauw_top.gif);}
... etc.
Dan nog wel even uit #top de background halen :)
|
103720
Forum Lid
3 posts |
# Geplaatst: 28 Apr 2010 23:54
Dank u voor de snelle reactie, maar ik ben wel een beetje bekend met html maar heb het hier toch bij "Beginners" geplaatst.
Zou je me iets gedetailleerder kunnen vertellen hoe ik die extra class mee kan geven en waar ik e.e.a. dan moet plaatsen?
|
103720
Forum Lid
3 posts |
# Geplaatst: 29 Apr 2010 11:48 · Aangepast door: 103720
Ik heb een en ander geprobeerd, maar kom er niet uit.
Misschien dat ik niet helemaal duidelijk ben geweest. Ik heb dus 4 css-bestanden.
Een default.css, een rood.css, een blauw.css en een zwart.css
De html van de pagina ziet er als volgt uit (ten minste de gedeeltes waarvan ik denk dat ze belangrijk zijn:
<link rel="stylesheet" type="text/css" href="../style/rood.css" title="rood"
media="screen" />
<link rel="alternate stylesheet" type="text/css" href="../style/rood.css"
title="rood" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="../style/blauw.css"
title="blauw" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="../style/zwart.css"
title="zwart" media="screen" />
<script type="text/javascript" src="../style/jquery.js"></script>
<script type="text/javascript" src="../style/styleswitch.js"></script>
<script src="../Scripts/swfobject_modified.js"
type="text/javascript"></script>
<link href="../style/defaults.css" rel="stylesheet" type="text/css" />
<div id="main_line">
<div id="top" class="background_<?php echo(rand(1,3)); ?>"></div>
<div id="two_left">
in default.css heb ik nu dit toegevoegd
.background_1 { background-image: url(../test/header_1.jpg);}
.background_2 { background-image: url(../test/header_2.jpg);}
.background_3 { background-image: url(../test/header_3.jpg);}
ik heb dit dus niet bij #top ingevuld maar gewoon ergens afzonderlijk.
Bij #top staat nog gewoon:
#top {
float:right;
width:810px;
height:182px;
background-repeat: no-repeat;
}
In de rood.css heb ik geen #top meer staan.
De css bestanden staan in de directory 'style' en de jpg-bestanden staan in de root (/test)
Waar doe ik iets fout?
|
