Juli
4
2010
Code Fragen

Substitution Bild Script ...

Autor Ein Artikel ... manu Kommentare 2 Kommentare

Erstellen Sie ein Rollover-Bild mit Dreamweaver ...

Beispiel und Kommentare für die Dreamweaver-Tool "Rollover-Bild" (Rollover).
Bild ändert sich, wenn mit der Maus über.

- Bootstrap ...

Ich möchte zwei unterschiedliche Beispiele für den Ersatz eines Bildes, wenn die Maus über dem ...
Wir werden auf zwei verschiedene Arten;

1 - Mit den Werkzeugen in Dreamweaver ...
durch ein Script, das automatisch generiert Dreamweaver

Siehe das Menü Extras
 Ich sehe, wo diese Option ...

2 - Verwendung von CSS Code manuell ... innerhalb oder außerhalb der Datei.
Diese Option ist in Ordnung, hat aber einige Einschränkungen.

Top Zurück

Nun, wenn Sie versuchen, wie es in Dreamweaver arbeitet,
Gehen Sie folgendermaßen vor, und Sie können persönlich zu überprüfen dieses Tool ...

Holen Sie sich zwei Bilder von ähnlichen Maßnahmen zum Beispiel, dann können Sie Ihre eigenen Kontrollen der Größe und andere in dieser Art der Verarbeitung machen.
Das Format der Bilder ist egal, alles, was Sie haben, um die Erweiterung (Image Format) in der Art ...

<img src" Url-relativa-absoluta/imagen-y- Format "/>

Nun sagte das mit den Kontrollen begonnen, und sehen, wie wir dieses Problem zu erhalten ...;
Erstellen Sie eine neue leere HTML-Datei, wenn Sie nicht bereits geöffnet haben.

Für diesen Test machen, wie Sie möchten, erstellen Sie einen Absatz <p> Test Bild Hosting </ p>
oder irgendwo im Dokument klicken, dann elejgir "Einfügen" aus dem Tools You Need bar, wie im Beispiel des vorherigen Bild-und Kontext-Menü wählen Sie die Option erscheint, "Image Objects" und dann " Rollover-Bild. "

- HACT oft mögen Sie das Fenster unten zu schaffen aussehen ...

Ventana de imagen de sustitución

Top Zurück

Dies ist sehr einfach zu erstellen, mit Hilfe des Assistenten ist "Chupao ..."
Bevor Sie fortfahren möchte ich sagen, dass, sobald Sie in die Felder ausfüllen und zu akzeptieren, wird Ihre Bewerbung ein Skript automatisch zu erstellen und eingereicht zwischen
<head> </ head> des Dokuments, einschließlich obligatorischer Etiketten sind ...

> </script> <script type= "text/javascript"> </ script>

Nun lassen Sie die Felder ausfüllen, unter Berücksichtigung, dass Sie für den Test vorbereitet Bilder, und Sie können dieses Fenster als Bild, das ich in Aufmachungen zu sehen.

Ich möchte mehr oder weniger füllen Sie die Felder sehen ...

- Füllen Sie die erforderlichen Felder aus ...

- Name des Bildes ...
Einfache, wählen Sie einen beliebigen Namen.

- Original Bild ...
Ist das Bild sehen Sie primero.Puedes Legen Sie eine URL auf das Dokument mit Hilfe des Assistenten mit der Schaltfläche "Durchsuchen", oder Sie können eine absolute URL zu Ihrem Bild-Typ, wie "http://www.internavegacion.com"

- Bild Rollover ...
Ist das Bild, dass Sie die Maus über Pass ist derjenige, der den ersten ersetzt. Sie können die folgenden Schritte, um das Bild in der gleichen Weise wie im vorigen Fall zu finden.

- Alternative Text ...
Dieser Teil ist für die Beschreibung des Bildes, oder Informationen, die Sie wollen, um das Bild zu zeigen.

- Wenn angeklickt werden, um URL zu ...
Dieser Teil ist das Bild, um die Web Link wird oder sonstwo Sie öffnen möchten, wenn auf sie geklickt.
Dies alles sind einfache Schritte, um einen Rollover mit zwei Bildern zu erstellen.

Nachdem Sie die Felder korrekt ausgefüllt, wie es wird das Skript für diese ejemplo.Se <head> anzunehmen zwischen dem </ head>.

Erinnern Sie sich, können Sie ein Dokument, in dem dieses Script Host und Link das Dokument durch;

src=" http://www.tu-web/tu-archivo.js "> </script> "Text / javascript" type = http://www.tu-web/tu-archivo.js <script src=" "> </ script>

Top Zurück

Nun, ich habe ein Bild zum Beispiel gesetzt und Sie können durch die Übergabe der Maus über check ...

Rollover

Der Code wurde in das aktuelle Dokument erstellt worden ist das sich verändernde Bild für diese ...

<A href = "http://www.internavegacion.com" onmouseout = "MM_swapImgRestore ()" src = "http://www.internavegacion.com/imagenes-blog/imagen-1.jpg" alt = "Rollover" name = "image2" width = "97" height = "97" border = "0" id = "image2" /> </ a>

Nun, diese Schritte zu einem Überschlag Dreamweaver erstellen können, sondern es ist die Anwendung selbst nicht alle trabajo.No ist genau das Maß dieser Art von Skript verwendet werden, um ein Bild zu ersetzen, aber ich glaube, dass CSS kann große Oberflächen.
Wir sehen es in der nächsten Datei oder aus dem Cover des International Navigation .

Ich erinnere mich, dass dieses Skript vollständig durch das Programm Dreamweaver CS erstellt, ob die Kredite sind für die Leute von Adobe, die Wahrheit zu großen Anwendungen machen für das Design.

Top Zurück


Tags: , ,

Verwandte Themen;

Über den Autor: manu

2 Kommentare Kommentar hinzufügen

  • manu 16. September 2011 um 19:20 Uhr

    Möglicherweise, aber das ist nur ein Beispiel.
    Ich denke, dass kann auf verschiedene Weise erfolgen.

    Was

  • Was ist SSL 14. September 2011 um 00.37 Uhr

    Es ist besser, diese Aufgabe mit CSS durchzuführen, neigt dreamweaver cpodigo zu viel Müll zu erzeugen.

Hinterlasse einen Kommentar

Imagen CAPTCHA
Bild neuladen
*

Blog Inhalt

Übersetzer

Aufzeichnungen

Kalender

Juli 2010
L M X J V S D
"Sea August »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

Aktuelle Beiträge

Abonnieren Sie diese RSS-Feeds

Inter Navigation

↑ Grab This Headline Animator

Neueste Kommentare

Input-Tag

Links