|
 |
  |
| Autor |
Nachricht |
Galaxy
User [User]
Anmeldung: 05.04.08
Beiträge: 16
|
 Verfasst am: 21.08.2008, 19:42 Titel: MouseOver beim Bild im folgenden Code |
 |
|
Hallo allerseits.
Ich versuche gerade seit ner Zeit dem folgenden Code einen MouseOver Effekt hinzuzufügen:
| Code: | $buttons_header = '';
if ($cart->count_contents() < 1) {
$buttons_header.= '<a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image_button('cbs/warenkorb.png', BOX_HEADING_SHOPPING_CART) . '</a>';
} else {
$buttons_header.= '<a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image_button('cbs/warenkorb.png', BOX_HEADING_SHOPPING_CART) . '</a>';
} |
Hierbei handelt es ich um eine CMS Seite, falls es weiterhilft.
Also ich will, dass das Bild das sich im Code befindet, beim Überfahren mit der Maus sich ändert. Leider kenne ich mich nicht so gut mit PHP aus, alsdass ich es selbst schaffen könnte.
Ich hoffe Ihr bekommt das hin 
Danke schonmal im Voraus!
Gruß
_________________
 Günstige Computer auf Galaxy-Online-Shop.com
|
|
| Nach oben |
|
 |
Melzebub
Helfer [User]
Anmeldung: 15.02.08
Beiträge: 109
|
| Verfasst am: 22.08.2008, 05:21 Titel: |
|
|
hmkay, mit php wirst du kaum ein hover effekt erzeugen können. versuchs mal im css mit pseudoklasse hover. einfach mal googeln. oder via js.
falls ich hier mist erzähle: ic hban null plan von cms - aber php kenn ich n bisl und damit gehts definitiv net.
_________________
wer einen Hammer halten kann,
ist nicht unbedingt ein guter Handwerker!
digitalmedia4u-webdesign-animation-illustration
|
|
| Nach oben |
|
|
Chrigu
Beliebter [User]
Anmeldung: 12.08.05
Beiträge: 370
Wohnort: CH - 4522 ...
|
| Verfasst am: 22.08.2008, 08:11 Titel: |
|
|
Ciao
Das machst Du definitiv nicht in php  Such mal im Header Deiner Seite nach dem Link zum CSS. Darin wirst Du es entweder anpassen oder dann neu definieren können. Falls Du Hilfe dabei brauchst, findest Du hier eine gute Seite: css4you.de/
Gruss
Christian
_________________
Yomada Wir sammeln das WWW
Das Verzeichnis für Verzeichnisse - > 12500 unique visits p.M.!
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1644
|
| Verfasst am: 22.08.2008, 11:21 Titel: |
|
|
| Code: | $buttons_header = '';
if ($cart->count_contents() < 1) {
$buttons_header.= '<a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image_button('cbs/warenkorb.png', BOX_HEADING_SHOPPING_CART) . '</a>';
} else {
$buttons_header.= '<a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image_button('cbs/warenkorb.png', BOX_HEADING_SHOPPING_CART) . '</a>';
} |
ersetzen durch
| Code: | $buttons_header = '';
if ($cart->count_contents() < 1) {
$buttons_header.= '<a id="header1" href="' . tep_href_link(FILENAME_SHOPPING_CART) . '"> </a>';
} else {
$buttons_header.= '<a id="header2" href="' . tep_href_link(FILENAME_SHOPPING_CART) . '"> </a>';
} |
und folgendes im <head>-Bereich einfügen:
| Zitat: |
<style type="text/css">
<!--
a#header1 {
display: block;
background: url(cbs/warenkorb.png) no-repeat;
width: (Breite von warenkorb.png)px;
height: (Höhe von warenkorb.png)px;
}
a#header1:hover {
background-image: url(bild_bei_mouseover.png);
}
a#header2 {
display: block;
background: url(cbs/warenkorb.png) no-repeat;
width: (Breite von warenkorb.png)px;
height: (Höhe von warenkorb.png)px;
}
a#header2:hover {
background-image: url(bild_bei_mouseover.png);
}
//-->
</style>
|
Sollte eigentlich so funktionieren.
header1 und header2 hab ich jetzt deswegen verwendet, da auch der php-Code die Möglichkeit gibt, zwei verschiedene Header-Images zu verwenden (in was für einem Fall, ist mir jetzt aber nicht ersichtlich  ).
Schönen Gruß,
Chris
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
Galaxy
User [User]
Anmeldung: 05.04.08
Beiträge: 16
|
| Verfasst am: 22.08.2008, 11:43 Titel: |
|
|
Vielen Dank für eure Antworten, die werden mir sicherlich weiterhelfen!
eigentlich wollte ich das über CSS vermeiden, da es sich um eine Variable die ich in den Header einfügen kann handelt (<-head01-> oder so, blendet an der stelle die kompletten buttons plus deren Funktionen ein).
@chris1988: oh danke! werde ich versuchen!
geht es denn auch dann, wenn die Index Seite ebenfalls in PHP ist? oder soll ich das in der CMS File des Headers machen?
die Sache ist nämlich die, dass ich einen auf CMS basierenden Shop hab, für das ich diese MouseOver Buttons konfigurieren will. Das heißt, dass das meiste auch PHP ist. Aber es gibt doch die Methode HTML PHP-komform zu bekommen, sprich - html in php umzuwandeln.
Wenn es also mit deiner Variante nicht klappen sollte, würde es dann irgendwie mit einem "PHP-Fake" des HTML Codes klappen?
| Zitat: | (in was für einem Fall, ist mir jetzt aber nicht ersichtlich ).
|
Wie man aus dem ersten "if" entnehmen kann, dient es dazu, das Bild anzupassen, falls etwas im Warenkorb vorhanden ist. Also wenn weniger als 1 Produkt dirn ist, soll das Bild erscheinen, anderenfalls das andere.
Vorerst will ich es jedoch beiderseits gleich lassen.
[edit] AH! Würde es auch über eine CSS Datei gehen? also die Zeilen so einfügen?:
| Code: |
a#header1 {
display: block;
background: url(cbs/warenkorb.png) no-repeat;
width: (Breite von warenkorb.png)px;
height: (Höhe von warenkorb.png)px;
}
a#header1:hover {
background-image: url(bild_bei_mouseover.png);
}
a#header2 {
display: block;
background: url(cbs/warenkorb.png) no-repeat;
width: (Breite von warenkorb.png)px;
height: (Höhe von warenkorb.png)px;
}
a#header2:hover {
background-image: url(bild_bei_mouseover.png);
}
|
[edit²] Hmmmm... Irgendwie will das auch nicht so recht klappen. Beim überfahren entsteht kein Hover Effekt und die Buttons sind total verschoben..
Vielen Dank und Gruß,
Erik
_________________
Günstige Computer auf Galaxy-Online-Shop.com
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1644
|
| Verfasst am: 22.08.2008, 13:09 Titel: |
|
|
Kannst du nen Link posten, damit ich mir's "live" ansehen kann?
Ansonsten bitte den Quelltext der entsprechenden Stelle (so, wie er letztlich vom Browser interpretiert wird) + entsprechende CSS-Formatierungen.
Ist der Pfad zur hover-Grafik richtig?
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
