Thomas: Bilder aus,-einblenden

Tach ihr alle dort draussen

Ich bräuchte da mal einen Tip...
Bei meiner Webside www.singlecharts.org sind die Frontcover
der jeweiligen Single bzw. Albencharts mit eingepflegt, nun möchte ich dem Besucher die Möglichkeit geben selber zu entscheiden ob er die Bilder mit auflisten möchte oder ohne....siehe Ebay

Bild ausblenden

Bild anzeigen

Das Script sieht so aus...

<?php
echo "<table width='97%' border='2' bordercolor='#FF9900' align='center'>";
echo  "<tr>";
echo "    <td width='6%' align='center'><font color='#FFFFFF'><FONT FACE='Arial' SIZE=2><i><b>Platz</b></i></td>";
echo "    <td width='10%'align='center'><font color='#FFFF00'><FONT FACE='Arial' SIZE=2><i><b>VW</b></i></td>";
echo "    <td width='5%'> </td>";
echo "    <td width='9%'align='center'><font color='#FFFFFF'><FONT FACE='Arial' SIZE=2><i><b>Einsteiger:</b></i></td>";
echo "    <td width='8%' align='center'><i><b><font color='#FFFFFF'><FONT FACE='Arial' SIZE=2>Cover</b></i></td>";
echo "    <td width='20%' align='center'><font color='#FFAC05'><FONT FACE='Arial' SIZE=2><i><b>Interpret</b></i></td>";
echo "    <td width='20%' align='center'><font color='#FFFF00'><FONT FACE='Arial' SIZE=2><i><b>Titel</b></i></td>";
echo "    <td width='5%'> </td>";
echo "    <td width='5%'> </td>";
echo "    <td width='9%'> </td>";
echo "  </tr>";
echo " </table>";
?>

<?php

$bioId = mysql_escape_string($bioId);
$result = mysql_query("SELECT * FROM datenbank, woche WHERE datenbank.jahr='$jahr' AND woche.jahr='$jahr' and datenbank.KW='$kw' AND woche.kw='$kw' ORDER BY 'Platz' LIMIT $pos");
while ($row = mysql_fetch_row ($result))
{
if ($row[19] == '<img border="0" src="images/single/new.gif" width="53" height="16">')
        $change = '<font color="#FF0000">Neu';
else if ($row[19] == '<body bgcolor="#000080"><font size ="1" color="#FFFF00">Wiedereinsteiger</font></p>')
        $change = '<img border="0" src="images/single/point.gif" width="12" height="10">';
else if ($row[6] == $row[19])
        $change = '<img border="0" src="images/single/point.gif" width="12" height="10">';
    else if ($row[6] < $row[19])
        $change = '<img border="0" src="images/single/a_up.gif" width="12" height="10">';
else if ($row[6] > $row[19])
        $change = '<img border="0" src="images/single/a_down.gif" width="12" height="10">';

echo "<table width='97%' border='2' bordercolor='#FF9900' align='center'>";
echo "<tr bgcolor='#000080'>";
echo "<td width='6%' align='center'><font color='#FFFFFF'><FONT FACE='Arial' SIZE=2><i><b>$row[6]</b></i></td>";
echo "<td width='10%' align='center'><font color='#FFFF00'><FONT FACE='Arial' SIZE=2><i><b>$row[19]</b></i></td>";
echo "<td width='5%' align='center'><i>$change</i></td>";
echo "<td width='9%' align='center'><font color='#FFFFFF'><FONT FACE='Arial' SIZE=2><i><b>$row[21]</b></i></td>";
echo "<td width='8%' align='center'><i>$row[8]</i></td>";
echo "<td width='20%' align='center'><font color='#FFAC05'><FONT FACE='Arial' SIZE=2><i><b>$row[1]</b></i></td>";
echo "<td width='20%' align='center'><font color='#FFFF00'><FONT FACE='Arial' SIZE=2><i><b>$row[2]</b></i></td>";
echo "<td width='5%' align='center'><i>$row[9]</i></td>";
echo "<td width='5%' align='center'><i>$row[14]</i></td>";
?>

<td width="9%" align="center">
        <a href="biografien.php?bioId=<?php
 echo urlencode($row[1]); ?>
">
            <img border="0" src="images/biografie.gif" width="65" height="15" />
        </a>
    </td>
<?php

Jetzt muesste ich denke ich anstatt in der Zeile Cover,- Bild ausblenden stehen, und wenn dieses ausgeblendet ist muesste dort Bild einblenden stehen....

echo "    <td width='8%' align='center'><i><b><font color='#FFFFFF'><FONT FACE='Arial' SIZE=2>Cover</b></i></td>";

Mit Java hab ich gesehen lässt sich das bewerkstelligen, nur möchte ich das gerne mit Php machen......

Immer her mit Vorschlägen -)))

  1. Hallo,

    |Mit Java hab ich gesehen lässt sich das bewerkstelligen,

    Bloß die wenigsten lassen Java im Browser zu ;)

    Was du meinst ist JavaScript (riesen Unterschied!)
    Denn Java ist eine Programmiersprache

    Du kennst dich mit if-Anweisungen und Sessions aus? Wenn ja, dann hast du alles was du brauchst.

    Wenn nicht => lerne es

    MFG
    Andavos

    --
    http://www.rpgcommunity.de/clanwissen/index.php Webdesign, PHP, Clan-Aufbau und mehr
    1. Hey Andavos

      Hatte eigentlich nicht vor es mit Java zu bewältigen weil mir php da gelegener kommt.

      Wenn es kein grosser Aufwand in JavaScript ist, dann poste es doch mal.

      Thomas

      1. Hallo,

        Das Forum heißt Self (<==) html

        Also selbst ist der Mann ;)

        Also mit JavaScript bekommst du das nur Temporär hin, denn irgendwie muss das gespeichert werden.
        Deswegen ist es besser PHP zu benutzen, und so schwer ist es nicht

        Session Registieren
        if-Anweisung
        Ausgabe

        das wars im ganze

        MFG
        Andavos

        --
        http://www.rpgcommunity.de/clanwissen/index.php Webdesign, PHP, Clan-Aufbau und mehr
        1. Ich stöbere gerade auf deiner Webside...
          If Anweisung kein Problem....
          Mit Session hab ich allerdings noch nicht gearbeitet.

          Man wird sehen.

          Thomas

      2. Hi,

        Wenn es kein grosser Aufwand in JavaScript ist, dann poste es doch mal.

        http://Coding.vampirehost.de/Toggle

        Script einbinden, allen Bildern eine ID zuweisen (<img id="Cover1" ...>, <img id="Cover2" ...>, ...), am Ende des Dokuments mit toggle("fold","img","Cover") alle wegblenden (Surfer ohne JavaScript, auch Suchmaschinen, sehen dann die Cover auf jeden Fall) und mit if(toggle()) { document.write(...); } einen Button "Alle Cover ausklappen" (o.ä.) schreiben, der das Attribut onClick="toggle('unfold','img','Cover');" besitzt (wahlweise auch jedes Cover einzeln mit z.B. onClick="toggle('unfold','Cover1');").

        Klingt nicht schwer? Ist es auch nicht! ;-) Und, mit Verlaub, einer Server-seitigen Lösung eindeutig vorzuziehen.

        Gruß, Cybaer

        --
        Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
        1. Danke Cybaer

          Das Problem was ich jetzt aber sehe ist das die Bilder aus einer SQL Datenbank kommen bzw. dort drin steht geschrieben wo die Bilder liegen.

          Auszug aus einem Datensatz wo das Foto raus kommt

          <a href="beschreibung/single/Usher Featuring Lil' Jon & Lud Yeah.htm"><img src="http://images-eu.amazon.com/images/P/B0001EJ7JA.03.LZZZZZZZ.jpg" width=42 height=42 vspace=3 hspace=5 align=left border=0></a>

          1. Hi,

            Das Problem was ich jetzt aber sehe ist das die Bilder aus einer SQL Datenbank kommen bzw. dort drin steht geschrieben wo die Bilder liegen.

            Und die gehört nicht Dir, wie ich sehe, sondern Amazon.

            Sagen Dir die Begriffe "Urheberrecht" und "Traffic-Klau" etwas, und/oder ist das mit Amazon abgesprochen, bzw. kann man dann die Platten bei Amazon beziehen?

            <a href="beschreibung/single/Usher Featuring Lil' Jon & Lud Yeah.htm">

            Kein gültiger URL. Sonderzeichen sind zu maskieren (%20 und &).

            <img src="http://images-eu.amazon.com/images/P/B0001EJ7JA.03.LZZZZZZZ.jpg" width=42 height=42 vspace=3 hspace=5 align=left border=0></a>

            Und da sie nicht Dir gehören, kannst Du da auch keine ID einfügen, korrekt?

            Dann binde die ID doch in deinem A-Tag ein?!

            Oder falls der Anker bleiben soll (z.B. für einen Textlink unter dem Bild), könntest Du toggle() alle IMGs bearbeiten lassen, als Toggle-Attribut src nehmen und als Toggle-Wert den Amazon-URL (bzw. den Anfang, falls Du alle Grafiken aus-/einblenden möchtest). Der Aufruf sähe dann so aus:

            onClick="toggle('fold','img:src','http://images-eu.amazon.com');"

            Sollte aber mit den üblichen Browsern getestet werden, da die mitunter "komisch" reagieren (s. Erläuterung auf meiner Toggle-Seite).

            Oder mach ein SPAN um IMG oder A und gib dem 'ne ID.

            Und das wären nur 3 spontan (und frühmorgendliche - gähn! ;-))eingefallene Möglichkeiten, das Problem zu lösen. Da gäbe es noch mehr ... :-))

            Gruß, Cybaer

            --
            Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!