Beste,
ik heb het volgende probleem. Ik ben bezig met een spry data sheet bestaande uit twee datasheet (html met tables) in DW CS4. Een data sheet bestaat uit:
- thumpnail
- grootplaatje
- text
Als je op de thumbnail klikt komt in een bepaald gedeelte op de site het plaatje met de text te voorschijn.
De thumbnail worden netjes naast elkaar weergegeven (ongeveer 10 stuks). Nu wil ik een tweede rij met thumbnail van een ander datasheetblad hieronder hebben in dit lukt me ook om te maken (weet niet of het de goede manier is). Alleen hoe moet ik er nu voor zorgen dat waar het grote plaatje komt er wordt opgeroepen om het plaatje van de tweede daasheet op te roepen. Ik kan wel een nieuwe div onder deze zetten maar dat krijg je twee grote plaatjes onder elkaar. Het is dus de bedoeling dat als ik op thump datasheet1 klik een groot plaatje+tekst kan komen of als ik op een thump van datasheet2 klik er een groot plaatje+tekst komt.
Ik heb alles afgezocht en weet niet precies wat ik nu moet doen? Als mensen weten waarop ik precies moet zoeken ben ik een gelukkig man. Dit is vaak het moeilijkste. Bedenken hoe je moet zoeken.
Code is hieronder weergegeven.
<div id="divcenter"></div>
<div id="main">
<div id="logo"><a href="index2.html"><img src="images/Martijnlogo.gif" alt="Home" width="350" height="45" border="0" /></a></div>
<div id="images"><!-- InstanceBeginEditable name="images" -->
<div spry:detailregion="ds1 ds2" class="DetailContainer">
<div class="DetailColumn">{Picture}</div></div>
<!-- InstanceEndEditable --></div>
<div id="contentleft"><!-- InstanceBeginEditable name="contentleft" -->
<div class="MasterDetail">
<div spry:region="ds1 ds2" class="texthead">Graphic Design<br />
<div class="MasterColumn" spry:repeat="ds1" spry:setrow="ds1" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{ds1::Thump}</div>
<div class="MasterColumn" spry:repeat="ds2" spry:setrow="ds2" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{ds2::Thumpva}</div>
</div><br /><br />
<br style="clear:both" />
</div>
<!-- InstanceEndEditable --></div>
<div id="contentright"><!-- InstanceBeginEditable name="contentlright" -->
<div spry:detailregion="ds1 ds2" class="DetailContainer">
<div class="texthead">{Texthead}</div>
<div class="text">{Text}</div>
</div>
<!-- InstanceEndEditable --></div>
Ik moet de code blijkbaar aanpassen zodat deze leesbaar is maar begrijp niet helemaal goed hoe dit moet.
ik heb het volgende probleem. Ik ben bezig met een spry data sheet bestaande uit twee datasheet (html met tables) in DW CS4. Een data sheet bestaat uit:
- thumpnail
- grootplaatje
- text
Als je op de thumbnail klikt komt in een bepaald gedeelte op de site het plaatje met de text te voorschijn.
De thumbnail worden netjes naast elkaar weergegeven (ongeveer 10 stuks). Nu wil ik een tweede rij met thumbnail van een ander datasheetblad hieronder hebben in dit lukt me ook om te maken (weet niet of het de goede manier is). Alleen hoe moet ik er nu voor zorgen dat waar het grote plaatje komt er wordt opgeroepen om het plaatje van de tweede daasheet op te roepen. Ik kan wel een nieuwe div onder deze zetten maar dat krijg je twee grote plaatjes onder elkaar. Het is dus de bedoeling dat als ik op thump datasheet1 klik een groot plaatje+tekst kan komen of als ik op een thump van datasheet2 klik er een groot plaatje+tekst komt.
Ik heb alles afgezocht en weet niet precies wat ik nu moet doen? Als mensen weten waarop ik precies moet zoeken ben ik een gelukkig man. Dit is vaak het moeilijkste. Bedenken hoe je moet zoeken.
Code is hieronder weergegeven.
<div id="divcenter"></div>
<div id="main">
<div id="logo"><a href="index2.html"><img src="images/Martijnlogo.gif" alt="Home" width="350" height="45" border="0" /></a></div>
<div id="images"><!-- InstanceBeginEditable name="images" -->
<div spry:detailregion="ds1 ds2" class="DetailContainer">
<div class="DetailColumn">{Picture}</div></div>
<!-- InstanceEndEditable --></div>
<div id="contentleft"><!-- InstanceBeginEditable name="contentleft" -->
<div class="MasterDetail">
<div spry:region="ds1 ds2" class="texthead">Graphic Design<br />
<div class="MasterColumn" spry:repeat="ds1" spry:setrow="ds1" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{ds1::Thump}</div>
<div class="MasterColumn" spry:repeat="ds2" spry:setrow="ds2" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{ds2::Thumpva}</div>
</div><br /><br />
<br style="clear:both" />
</div>
<!-- InstanceEndEditable --></div>
<div id="contentright"><!-- InstanceBeginEditable name="contentlright" -->
<div spry:detailregion="ds1 ds2" class="DetailContainer">
<div class="texthead">{Texthead}</div>
<div class="text">{Text}</div>
</div>
<!-- InstanceEndEditable --></div>
Ik moet de code blijkbaar aanpassen zodat deze leesbaar is maar begrijp niet helemaal goed hoe dit moet.