Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Problem mit Bilder Fade“

Modnass

Nicht mehr ganz neu hier

Hallo,

ich mach grad ne website und hab das template zuerst in Photoshop erstellt, gesliced und als html abgespeichert.

Jetzt möchte ich die einzelnen punkte meiner Navigationsleiste (kontakt etc.) gerne ein und ausfaden lassen bei einem Mouse over event.

Allerdings hab ich große Probleme damit, versuche schon seit ein paar Tagen , kopiere code hin und her versuche was zu tippen aber ich komm nicht klar :(

Ich hoffe ihr könnt mir helfen.

Habe auch schon die richtigen Bilder etc. verfolge tutorials im internet aber schaffe das nicht umzusetzen. Die Bilder, die gefaded werden soll sind

15,6,8,10 und 12

Vielen dank im Vorraus
Modnass





Code:
<html>
<head>
<title>Arashi2_Sub</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Arashi2_Sub.psd) -->
<table id="Table_01" width="1281" height="1056" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="12">
            <img src="images/Arashi2_Sub_01.png" width="1280" height="40" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="40" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="3">
            <img src="images/Arashi2_Sub_02.png" width="398" height="193" alt=""></td>
        <td colspan="7">
            <img src="images/Arashi2_Sub_03.png" width="508" height="140" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="images/Arashi2_Sub_04.png" width="374" height="191" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="140" alt=""></td>
    </tr>
    <tr>
        <td colspan="7">
            <img src="images/Arashi2_Sub_05.png" width="508" height="51" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="51" alt=""></td>
    </tr>
    <tr>
        <td rowspan="4">
            <img src="images/Arashi2_Sub_06.png" width="161" height="48" alt=""></td>
        <td rowspan="5">
            <img src="images/Arashi2_Sub_07.png" width="39" height="66" alt=""></td>
        <td rowspan="4">
            <img src="images/Arashi2_Sub_08.png" width="114" height="48" alt=""></td>
        <td rowspan="5">
            <img src="images/Arashi2_Sub_09.png" width="37" height="66" alt=""></td>
        <td rowspan="3">
            <img src="images/Arashi2_Sub_10.png" width="101" height="46" alt=""></td>
        <td rowspan="5">
            <img src="images/Arashi2_Sub_11.png" width="33" height="66" alt=""></td>
        <td colspan="2" rowspan="3">
            <img src="images/Arashi2_Sub_12.png" width="150" height="46" alt=""></td>
        <td rowspan="7">
            <img src="images/Arashi2_Sub_13.png" width="247" height="824" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="2" alt=""></td>
    </tr>
    <tr>
        <td rowspan="6">
            <img src="images/Arashi2_Sub_14.png" width="238" height="822" alt=""></td>
        <td>
            <img src="images/Arashi2_Sub_15.png" width="121" height="42" alt=""></td>
        <td rowspan="4">
            <img src="images/Arashi2_Sub_16.png" width="39" height="64" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="42" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="images/Arashi2_Sub_17.png" width="121" height="22" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="2" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/Arashi2_Sub_18.png" width="101" height="20" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="images/Arashi2_Sub_19.png" width="150" height="20" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="2" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/Arashi2_Sub_20.png" width="161" height="18" alt=""></td>
        <td>
            <img src="images/Arashi2_Sub_21.png" width="114" height="18" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
        <td colspan="10">
            <img src="images/Arashi2_Sub_22.png" width="795" height="598" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="598" alt=""></td>
    </tr>
    <tr>
        <td colspan="10">
            <img src="images/Arashi2_Sub_23.png" width="795" height="160" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="160" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="238" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="121" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="39" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="161" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="39" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="114" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="37" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="101" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="33" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="23" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="127" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="247" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
 

Panzerkrokette

Nicht mehr ganz neu hier

AW: Problem mit Bilder Fade

Hi,
für ein weiches "fade" brauchst Du in jedem Fall JavaScript und CSS. Auch damit isses nicht einfach so umzusetzen. Kommt auch auf die Bilder an....

Ein einfaches MouseOver ist ja auch schon JavScript.

Flash ist sicher eine Option - aber eben auch nicht "mal eben so"....

Cheers
PK
 

Modnass

Nicht mehr ganz neu hier

AW: Problem mit Bilder Fade

Konnte mein Problem lösen :) vielen dank für die antwort, habe mich aus den genannten problemen gegen fade entschieden udn einfah 2 Bidler button gemacht

Liebe grüße
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.157
Beiträge
2.581.867
Mitglieder
67.223
Neuestes Mitglied
Desiree
Oben