Jeg prøver lige at insætte koden til jer, måske det så giver mere mening. :-)
galleri.php:
<?php
$pageparm = $_REQUEST['pageparm'];
$offset = 0;
$rowCount1 = 7;
$rowCount2 = 5;
$rowCount3 = 5;
$rowPrPage = $rowCount1+$rowCount2+$rowCount3;
$page = $pageparm;
$imgCounter = ($page+1)*$rowPrPage;
require("req/galleriSwop.php");?>
<?php
//Henter counter.php som tæller hvor mange rækker der er i tabellen i databasen
require("counter.php");
//Henter de første 7 billeder i tabellen
$offset = $page* $rowPrPage;
$query ="SELECT * FROM katte_galleri ORDER BY id LIMIT $offset,$rowCount1;";
$result = mysql_db_query ($database, $query, $link );
print"<table width='700' border='0' cellspacing='0' cellpadding='0'>
<tr valign='top'> ";
while($row = mysql_fetch_array($result)){
$id = $row[id];
$billede = $row[billede];
$tekstindhold = $row[tekstindhold];
$imgaestor = $row[imgaestor];
print"<td width='100' height='70'><img src ='content/upload/$billede' width='80' height='50' border='0' onmouseover=\"swapImages('pic$id')\" onmouseout=\"swapImages('pic$id')\" > </td>\n";
}
print"</tr>
<tr valign='top'>
<td width='100' height='350'>";
//Henter de næste 5 billeder fra tabellen
$offset =$offset+$rowCount1;
$query ="SELECT * FROM katte_galleri ORDER BY id LIMIT $offset,$rowCount2;";
$result = mysql_db_query ($database, $query, $link );
print"<table width='100' border='0' cellspacing='0' cellpadding='0'>";
while($row = mysql_fetch_array($result)){
$id = $row[id];
$billede = $row[billede];
$tekstindhold = $row[tekstindhold];
$imgaestor = $row[imgaestor];
print"<tr valign='top'><td height='70'><img src ='content/upload/$billede' width='80' height='50' border='0' onmouseover=\"swapImages('pic$id')\" onmouseout=\"swapImages('pic$id')\" > </td></tr>";
}
print"</table>
</td>
<td colspan='5' rowspan='4'>";
//Henter de store billeder der skal skifte ved mouseover
$start = $page*$rowPrPage;
$query ="SELECT * FROM katte_galleri ORDER BY id LIMIT $start,1;";
$result = mysql_db_query ($database, $query, $link );
print"<table border='0' cellspacing='0' cellpadding='0' width='100%'><tr><td height='320' valign='top'>";
while($row = mysql_fetch_array($result)){
$id = $row[id];
$billede = $row[billede];
$tekstindhold = $row[tekstindhold];
$imgaestor = $row[imgaestor];
print"<img class='test' id='pic$id' src='content/upload/$imgaestor' style='display:block' >\n ";
}
//$start = $start+1;
$query ="SELECT * FROM katte_galleri ORDER BY id LIMIT $start,$num_rows;";
$result = mysql_db_query ($database, $query, $link );
while($row = mysql_fetch_array($result)){
$id = $row[id];
$billede = $row[billede];
$tekstindhold = $row[tekstindhold];
$imgaestor = $row[imgaestor];
print"<img class='test' id='pic$id' src='content/upload/$imgaestor' style='display:none' >\n ";
}
print"</td>
</tr>";
//tekst til de store billeder
print"<tr><td height='20' align='center'>";
require("billedetekst.php");
print"
</td>
</tr>
</table>";
print"</td>
<td width='100'>";
//Henter de sidste 5 billeder fra tabellen
$offset =$offset+$rowCount2;
$query ="SELECT * FROM katte_galleri ORDER BY id LIMIT $offset,$rowCount3;";
$result = mysql_db_query ($database, $query, $link );
print"<table width='100' border='0' cellspacing='0' cellpadding='0'>";
while($row = mysql_fetch_array($result)){
$id = $row[id];
$billede = $row[billede];
$tekstindhold = $row[tekstindhold];
$imgaestor = $row[imgaestor];
print"<tr valign='top'><td height='70'><img src ='content/upload/$billede' width='80' height='50' border='0' onmouseover=\"swapImages('pic$id')\" onmouseout=\"swapImages('pic$id')\" > </td></tr>";
}
print"</table></td></tr>";
//Previous knap
$page = $page-1;
print"<tr height='16' align='left' valign='top'><td >";
if($page>-1){
print" <a href='?page=galleri&pageparm=$page'><img src='photoshop/images/previous.jpg' width='30' height='16' border='0'></a>";
}
//Next knap
$page = $page+2;
print"</td><td align='right'>";
if($num_rows>$imgCounter){
print" <a href='?page=galleri&pageparm=$page'><img src='photoshop/images/next.jpg' width='47' height='16' border='0'></a>";
}
print"</td></tr></table>";
?>
galleriSwop.php:
<script type="text/javascript">
var activeImg;
function swapImages(ID) {
elm = document.getElementById(ID).style
if (activeImg) {activeImg.display="none";}
elm.display = (elm.display == "block") ? "none" : "block";
activeImg = elm;
}
<?php
$offset = $page* $rowPrPage;
$query = "SELECT id FROM katte_galleri ORDER BY id LIMIT 1 OFFSET $offset";
$result = mysql_db_query ($database, $query, $link );
$id = mysql_result($result, 0, 0);
?>
function initImg() {
activeImg = document.getElementById("pic<?php print $id;?>").style;
activeImg.display = "block";
}
window.onload=initImg;
</script>
Og her til sidst er det jo at jeg mangler koden til "billedetekst.php"
Håber det kan hjælpe lidt... ellers ville det også være rart med en response hvis I ikke mener det kan lade sig gøre :-)
