Hallo liebes Forum,
demütig bitte ich hier um Hilfe, da ich wirklich nichts von HTML-Programmierung und allem was dazu gehört verstehe.
Ich bin rein auf dem foto/grafischen Sektor gestalterisch tätig.
Ich habe das folgend geschilderte Problem natürlich auch schon versucht selbstständig zu recherchieren, allerdings nur mit mäßigem Erfolg bzw. mußte ich feststellen, daß sich vermeintlich passende Lösungen doch nicht so einfach adaptieren lassen.
Wenn die Grundmaterie schon eine böhmische Großstadt darstellt, ist die Fehlersuche ohne jeglichen Plan nahezu sinnlos.
Im Grunde genommen geht es um eine wahrscheinlich wirklich simple Sache, welche hier den Meisten wohl nur ein müdes Lächeln entlocken wird.
Für die Einkaufswelt von Shopware (die Startseite eines Onlineshops) hätte ich gerne die Kategoriebilder so animiert,
daß bei Eintritt der Maus, BILD_A auf BILD_B wechselt und man mit einem Klick auf BILD_B
via Verlinkung auf die entsprechende Seite des Shops gelangt.
Bei Austritt der Maus aus BILD_B (ohne Klickereignis) soll natürlich wieder BILD_A erscheinen.
Zu meiner Ehrenrettung:
Ich habe natürlich zuerst versucht diese Aufgabenstellung selbstständig anzugehen, allein schon aus Neugier, Interesse und Ehrgeiz! Allerdings weiß ich auch meine Grenzen zu erkennen....
Ich hatte das in Adobe Animate CC über eine Schaltfläche mit 2 Zustandsbildern + dem Link (vermeintlich) gelöst.
Leider hat das ganze nur im Veröffentlichungs-Test funktioniert.
Nachdem ich es hoffnungsvoll hochgeladen habe, funktionierte aber leider der Bildwechsel zurück nicht mehr, sprich bei Mausaustritt.
Ich habe mich also wirklich um ein funktionierendes Ergebnis bemüht!!!
Ich habe dann leicht frustriert und verzweifelt mit Dreamweaver weiterexperementiert.
Wie man den Code für einen simplen Bildwechsel erstellt habe ich mit Hilfe des WWWs bereits umsetzen können, ob das so optimal ist, weiß ich natürlich nicht....es funktioniert halt.
Wie man nun aber BILD_B zu einem weiterführenden Link macht, konnte ich leider nicht mehr nachvollziehbar recherchieren!
Hier der HTML Code bei dem zumindest augenscheinlich der Bildwechsel so funktioniert, wie ich mir das wünsche.
Wenn mir jemand Licht ans Fahrrad machen könnte und bei meinem Problem mit dem Link helfen würde, wäre ich überglücklich!!!
Hier also mein rudimentärer Code....so far! Die beiden Bilder, mit denen ich arbeite, habe ich ebenfalls angehängt.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Shirts</title>
</head>
<body><style type="text/css">
.imgLink3{
display:block;
width:576px;
height:450px;
background-image:url('Shirts_color.png');
}
.imgLink3:hover img{
display:none;
}
</style>
<a class="imgLink3" href=""><img src="Shirts_grau.png" alt="Bild" /></a>
</body>
</html>
Alles anzeigen
Da ich im Angestelltenverhältnis bin und das für die Firma realisieren will, werde ich langsam nervös und bekomme bald Probleme den ergebnislosen Zeitaufwand zu rechtfertigen.
Ich lerne immer gerne dazu, allerdings wird es jetzt gerade etwas eng ein so umfangreiches Thema von der Pike auf zu erlernen und das ist auch der Grund warum ich hier um Unterstützung bitte!
Besten Dank an Jeden der mir helfen mag!
Beste Grüße
Jonas