images mit text verlinken

Dieses Thema im Forum "Webentwicklung" wurde erstellt von V|Ru$-X, 6. Juni 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 6. Juni 2006
    hallo erstmal...
    ich hab hier ca. 20 bilder, die ich auf eine page hochladen und verlinken will, und 20 verschiedene texte (ein text zu jedem bild).

    das ganze soll so ablaufen: ich klick auf ein bild und ein text soll erscheinen.
    nun meine frage:
    wäre es möglich das mit php oder sonst was, so hinzukriegen dass ich keine 20 seiten mit je einem text erstellen muss?
     
  3. 6. Juni 2006
    ja es ist möglich!

    du machst eine php-Seite auf der du 20 Variablen setzt und jeder Variable den jeweiligen Text zuordnest

    Bsp:
    Code:
    $text1 = "Das ist der Text zu Bild 1";
$text2 = "Das ist der Text zu Bild 2"; usw...
    Die Ausgabe erfolgt mit:
    Bsp:
    Code:
    echo $bildtext;
    Um nun den zum Bild passenden Text anzuzeigen übergibst du den entsprechenden Variablennamen mit dem Link des Bildes in der Varialbe $bildtext:

    Bsp: Link bei Bild 1
    http://www.beispiel.de/texte.php?bildtext=text1

    Hab ich das so richtig verstanden?
     
  4. 6. Juni 2006
    <script language="JavaScript">
    var Text1 = 'Das hier ist Text 1';
    var Text2 = 'Das hier ist Text 2';

    function show(TextID)
    {
    document.getElementById('TextDiv').innerHTML = TextID;
    }
    </script>
    <img src="" onClick="JavaScript:show(Text1);">

    <div id="TextDiv">
    Beim Klicken auf das Bild steht hier der Text :-|
    </div>








    und so kannste alle Bilder + Texte hinzufügen.
     
  5. 7. Juni 2006
    danke aber ich bevorzuge die lösung mit php da ich mich da etwas besser auskenne (hast trotzdem nen 10-er).

    wenn ich des so machen will wie el_maya es geschrieben hat, muss dann des "echo $bildtext;" und die 20 variablen auf der gleich php-seite sein?
    irgendwie hab ich des net ganz verstanden
     
  6. 7. Juni 2006
    Das müsste so aussehen [mit $Show={ZAHL} isses wohl bischen schöner..^^]



    index.php?show=1

    PHP:
    if(isset( $_GET [ 'show' ]))  $Show  =  $_GET [ 'show' ]; else  $Show  =  false ;

    if(     $Show )
    {
     $Text [ 0 ] =  'Text Nummer 0 für Bild Nummer 1! :-) ' ;
     $Text [ 1 ] =  'Text Nr 1 für Bild nr 2 oO' ;

     // ETC...

     echo  '<img src="images/pic' . $Show . '.gif"> - Text: ' . $Text [ $Show ]. ' !' ;
    }
    & so.

    D.h. das Array in diesem Falle muss auf der Seite sein.
     
  7. 8. Juni 2006
    vielen dank hast mir sehr geholfen!

    closed
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.