✔ Problemlösung zu Mouseover

[matze1983]

Hallo,

mal wieder hab ich eine Frage. Um das kommende zu visualisieren gebe ich mal die URL an : http://www.nb-jungs.de/?inhalt=cp&overview=schnaps also links sind die Bilder klein dargestellt in einem Container nun, versuche, nun würde ich gerne, dass bei einer Mouseberührung des jeweiligen Bildes, es groß auf der anderen rechten Seiten, im Container dargestellt wird.

Ich würde mich über Vorschläge der Herangehensweise sehr freuen. Momentan fällt mir nur Befehle zu Mouseover ein.

 

[Flex]

Clientseitige Aktion => JavaScript

 

[matze1983]

und eine lösung mit php gibt es nicht?

 

[Dr Dau]

Hallo!

und eine lösung mit php gibt es nicht?

Nein, PHP ist eine serverseitige Scriptsprache und bekommt somit nicht mit wo sich der Mauszeiger grad befindet.

Aber es geht auch ohne JavaScript..... nämlich mit CSS.
Ein Beispiel könnte z.b. diese Demo von Stu Nicholls sein.
Weitere Demos findest Du hier.

Gruss Dr Dau

[edit]
Moment..... eine Mouseberührung (denglish? ) ist kein Mousover.
Du musst die Thumbnails verlinken.
Ich weiss ja nicht was die showpic.php enthält, aber zu dieser würde ich verlinken.
Dort wird die per Link übergebene Variable und dessen Wert ausgewertet und verarbeitet..... sprich es wird das entsprechende Bild per <img>-Tag angezeigt.
[/edit]

 

[matze1983]

Hallöchen, da ich von Thumbnails keine Ahnung habe(gehört hab ich mal davon ) , hab ich mal was anderes versucht, was den Zweck ev. auch erfüllen sollte
Nun ja, es ist nicht schön, aber das ist mein kleineres Problem, das größere ist, es funktionert nicht

Ich habe versucht mit switches verlinkungen aufzubauen..das zu beschreiben ist zu konfused drum schreib ich mal das gesamte Script auf:

switch($suffgesicht)
{
    case bild1:
    $suffgesicht = "/bilder/pics/schnaps/schnaps1.jpg";
    break;
    case bild2:
    $suffgesicht = "/bilder/pics/schnaps/schnaps2.jpg";
    break;
    case bild3:
    $suffgesicht = "/bilder/pics/schnaps/schnaps3.jpg";
    break;
    case bild4:
    $suffgesicht = "/bilder/pics/schnaps/schnaps4.jpg";
    break;
    case bild5:
    $suffgesicht = "/bilder/pics/schnaps/schnaps5.jpg";
    break;
    case bild6:
    $suffgesicht = "/bilder/pics/schnaps/schnaps6.jpg";
    break;
    case bild7:
    $suffgesicht = "/bilder/pics/schnaps/schnaps7.jpg";
    break;
    case bild8:
    $suffgesicht = "/bilder/pics/schnaps/schnaps8.jpg";
    break;
    case bild9:
    $suffgesicht = "/bilder/pics/schnaps/schnaps9.jpg";
    break;
    case bild10:
    $suffgesicht = "/bilder/pics/schnaps/schnaps10.jpg";
    break;
    case bild11:
    $suffgesicht = "/bilder/pics/schnaps/schnaps11.jpg";
    break;

    default:
    $suffgesicht= "$error";
    break;
}
switch($overview)
{
    case best:
    $overview = "seiten/cp/best.php";
    break;
    case top:
    $overview = "seiten/cp/top.php";
    break;
    case schnaps:
    $overview = "seiten/cp/schnaps.php";
    break;


    default:
    $overview= "seiten/cp/start.php";
    break;
}


    // hier ein par zeilen aus dem HTML code um die Verlinkung zu sehen
    <a href='?inhalt=cp&overview=best'><font size='2'>Best of NBJ</td>
    <a href='?inhalt=cp&overview=top'><font size='2'>Top20</td>
    <a href='?inhalt=cp&overview=schnaps'><font size='2'>Suffgeister</td>


include($overview); 

if (overview==schnaps)
{include($suffgesicht);}


?>

Ich schätze mal, dass es an der IF-BEdingung liegt, bin mir aber völlig unschlüssig. Wer sich das mal zu Gemüte führen möchte, hier der LINK:
http://nb-jungs.de/?inhalt=cp&overview=schnaps

 

[matze1983]

Nun ich kam nicht drum rum java einzusetzen, ist doch der leichtere Weg und es funktioniert.
Wer dies nachmachen möchte...da gibt es ein tolles Tutorial bei Javascripts

funktioniert auch