Avatar billede krk Nybegynder
19. april 2005 - 13:22 Der er 4 kommentarer og
1 løsning

Få tekst til at følge et billede

Hej igen.
Jeg er løbet ind i et nyt problem på et site jeg har været i gang med meget længe. Håber nogen kan hjælpe mig.

Jeg har på nuværende tidspunkt fået lavet et "galleri", hvor når jeg køre musen over et billede skifter et større billede i en anden celle, men nu vil jeg også gerne at der er noget tekst der ændre sig samtidig med billede (da der høre tekst med til de store billederne).

Kildekoden kan ses på http://kryt.dk/katte/?page=galleri

Som siden ser ud nu er der jo fejl på. Men der skal altså ske det at når musen glider over de små billeder ændre det store billede + noget tekst der skal stå lige under det store billede.

Kan det lade sig gøre?
Avatar billede kane Juniormester
19. april 2005 - 13:54 #1
lave billede lidt større, men en hvid grund for nede og skriv teksten direkte i billede
Avatar billede krk Nybegynder
19. april 2005 - 13:56 #2
Det var ikke lige den løsning jeg havde håbet på. For det skal være så man kan ændre teksten til billede inde i databasen - uden at ændre billede
Avatar billede krk Nybegynder
21. april 2005 - 10:08 #3
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 :-)
Avatar billede krk Nybegynder
21. april 2005 - 10:09 #4
Skulle måske lige sige at galleri.php og billedetekst.php er 2 selvstændige sider som jeg trækker ind på galleri.php
Avatar billede krk Nybegynder
28. april 2005 - 09:08 #5
jeg lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester