ilch Forum » Allgemein » HTML, PHP, SQL,... » Hilfe bei Moushover

Geschlossen
  1. So. 09.09.2007 18:15 Uhr #1
    User Pic
    Burli Mitglied
    Registriert seit
    17.06.2006
    Beiträge
    776
    Beitragswertungen
    0 Beitragspunkte
    Hallo zusammen ich hab da ma ne frage

    Ich will das 2 Bilder gleichzeitig geändert werden wenn ich mit der Maus auf einen Link gehe wie kann ich das machen und ist das Überhaupt möglich hoffe das mir jemand weiterhelfen kann weil ich will für meine Hp neues Design machen aber eben auch richtig coden und der gedanke kam mir als ich grad dabei war
    Hier mal ein Bild wie ich es mir Vorgestellt habe

    externer Link

    MfG Burli

    betroffene Homepage: externer Link
    Wer in einem Text von mir, einen Rechtschreibfehler findet, der darf diesen auch behalten
    leistung-durch-schmerz.de
    0 Mitglieder finden den Beitrag gut.
  2. So. 09.09.2007 18:18 Uhr #2
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    Spontan würde ich sagen machs mit Flash
    Omnia bona erunt
    0 Mitglieder finden den Beitrag gut.
  3. So. 09.09.2007 18:27 Uhr #3
    User Pic
    Burli Mitglied
    Registriert seit
    17.06.2006
    Beiträge
    776
    Beitragswertungen
    0 Beitragspunkte
    Hmm Flash hab ich ehrlichgesagt null Plan kann man das nich irgendwie mit dem javascript machen so wie bei normalen buttons auch machen nur das dann eben sich immer 2 Bilder ändern hab auch schon gegoogelt aber mir brenn schon so dermassen die augen vom lesen zwinker

    MfG Burli
    Wer in einem Text von mir, einen Rechtschreibfehler findet, der darf diesen auch behalten
    leistung-durch-schmerz.de
    0 Mitglieder finden den Beitrag gut.
  4. So. 09.09.2007 20:18 Uhr #4
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    function setBilder() {
document.getElementById('bild1').src = 'neuesBild.jpg';
document.getElementById('bild2').src = 'neuesBild2.jpg';
}
<img id="bild1" src="Bild.jpg" />
<img id="bild2" src="Bild2.jpg" />

<a href="javascript:SetBilder();">Bilder &auml;ndern</a>
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  5. So. 09.09.2007 23:11 Uhr #5
    User Pic
    Burli Mitglied
    Registriert seit
    17.06.2006
    Beiträge
    776
    Beitragswertungen
    0 Beitragspunkte
    Cool Danke das funzt sogar Vielen Dank da kann ich ja bald mein Ding Fertigstellen lachen

    MfG Burli
    Wer in einem Text von mir, einen Rechtschreibfehler findet, der darf diesen auch behalten
    leistung-durch-schmerz.de
    0 Mitglieder finden den Beitrag gut.
  6. So. 09.09.2007 23:29 Uhr #6
    User Pic
    Cron1X Mitglied
    Registriert seit
    21.10.2006
    Beiträge
    1.935
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Mairu

    function setBilder() {
document.getElementById('bild1').src = 'neuesBild.jpg';
document.getElementById('bild2').src = 'neuesBild2.jpg';
}
<img id="bild1" src="Bild.jpg" />
<img id="bild2" src="Bild2.jpg" />

<a href="javascript:SetBilder();">Bilder &auml;ndern</a>




    An welche stelle kommt dann dieser code hin?
    0 Mitglieder finden den Beitrag gut.
  7. Mo. 10.09.2007 06:14 Uhr #7
    User Pic
    boehserdavid Mitglied
    Registriert seit
    26.08.2006
    Beiträge
    2.122
    Beitragswertungen
    2 Beitragspunkte
    @Cron1X: 
    <html>
<head>
// meta TAGS und son Quatsch
<script language="JavaScript" type="text/JavaScript">
function setBilder() {
document.getElementById('bild1').src = 'neuesBild.jpg';
document.getElementById('bild2').src = 'neuesBild2.jpg';
}
</script>
</head>
<body>
{CODE}
<img id="bild1" src="Bild.jpg" />
<img id="bild2" src="Bild2.jpg" />
{CODE}
<a href="javascript:SetBilder();">Bilder &auml;ndern</a>
{CODE}
</body>
</html>


    SO ungefähr, also das JavaScript in den HEAD Bereich und den Rest in den BODY Bereich!

    Mit böhsen Grüßen
    BöhserDavid
    -Heute schon böhse gewesen?- Ab zur Community
    -No Support via Contact-
    0 Mitglieder finden den Beitrag gut.
  8. Mo. 10.09.2007 16:12 Uhr #8
    User Pic
    Burli Mitglied
    Registriert seit
    17.06.2006
    Beiträge
    776
    Beitragswertungen
    0 Beitragspunkte
    So nun habe ich mein Design Fertiggestellt und alles Fertig angepasst aber nun hab ich irgendwie das Problem bei Firefox das es nicht von anfang an alles Richtig angezeigt wird sobald ich allerdings mit der Maus über einen button fahre wird alles richtig angezeigt Beim IE7 ist das allerdings nicht der Fall woran kann das liegen denn das nervt ein wenig und ich bin langsam Überfragt grumml

    Hier ma der Link zu meiner Hp

    MfG Burli

    Edit: Problem gefunden geht nun fast alles allerdings ist es nun bei FF wenn man auf Mitglieder geht das das Zweite Bild net angezeigt wird nu Verzweifel ich wirklich langsam beim IE7 geht allerdings alles einwandfrei verärgert


    Zuletzt modifiziert von Burli am 10.09.2007 - 16:37:32
    Wer in einem Text von mir, einen Rechtschreibfehler findet, der darf diesen auch behalten
    leistung-durch-schmerz.de
    0 Mitglieder finden den Beitrag gut.
  9. Mo. 10.09.2007 16:51 Uhr #9
    User Pic
    Burli Mitglied
    Registriert seit
    17.06.2006
    Beiträge
    776
    Beitragswertungen
    0 Beitragspunkte
    Problem selbst gelöst nun geht alles man sollte auch mal den richtigen Pfad zum Bild angeben zwinker

    Noch ma Danke Mairu lachen

    MfG Burli
    Wer in einem Text von mir, einen Rechtschreibfehler findet, der darf diesen auch behalten
    leistung-durch-schmerz.de
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten