Wie man Bilder blättern

March 11

Wie man Bilder blättern

Wenn Sie mit statischen, nicht bewegenden Bilder auf Ihrer Website unter langweilen, bietet das scrollende Bilder einbinden eine einfache Alternative. Hinzufügen, dass Scrollen von Bildern auf Ihrer Website fügt eine einzigartige und professionelle berühren, insbesondere für Unternehmen und Promotion Websites. Grundwissen über HTML können Sie diesen Effekt innerhalb von Minuten zu Ihrer Seite hinzufügen.

Anweisungen

1 Wenn Sie noch nicht, laden Sie das Bild, das Sie online, entweder auf Ihren eigenen Server oder einem online-Bild-Host wie TinyPic.com oder Photobucket.com verwenden möchten.

Während der Upload Prozess je nach Ort unterscheidet, ist das Hochladen eines Bildes auf Ihrer Site Server relativ einfach. Gehen Sie zu Ihrer Website-Datei-Manager, suchen Sie nach das "Hochladen"-Symbol (in der Regel befindet sich am oberen Rand der Seite) und klicken Sie darauf. Sie können dann für ein Bild zum Hochladen des Computers durchsuchen. Klicken Sie nachdem Sie das Bild ausgewählt haben auf "Hochladen". Nehmen Sie Kenntnis über die genaue Lage des Bildes auf Ihrem Server, wie Sie die vollständige URL benötigen. Zum Beispiel wenn Sie Ihr Bild in einen Ordner namens "Bilder" hochgeladen, die vollständige URL sähe soetwas: http://www.yourdomain.com/images/image.jpg

2 Öffnen Sie die Seite mit der Sie in Ihrem Server-Site-Editor oder einem Texteditor wie Editor das scrollende Bild hinzufügen möchten, und suchen Sie das < BODY >-Tag. Diesem Tag, die Sie nach diesem Tag finden die < / HEAD >-Tag, dient als das Gebiet, in dem Sie den Inhalt der Website platzieren. Kopieren und fügen Sie den folgenden HTML-Code zwischen den < HEAD > und < / HEAD > Markierungen in der bestimmten Position das Bild angezeigt werden soll:

< Festzelt Verhalten = "Scroll" Richtung = "X" >< Img Breite = "X" Höhe = "X" / >< / Festzelt >

3 Die "Xs" im obigen Code anzugeben, Variablen, die Sie anpassen können.

Die "Richtung" Variable gibt die Richtung, in der das Bild Scrollen sollen; Ersetzen Sie dieses "X" durch "left" oder "rechts".

Die Variable "Img Src" gibt den Speicherort des Bildes haben, Scrollen auf der Seite werden soll; Ersetzen Sie das "X" durch die vollständige URL des Bildes (z.B. http://www.yourdomain.com/images/image.jpg).

Die Variable "Breite" weist eine bestimmte Breite des Bildes in Pixel; Ersetzen Sie das "X" mit einer beliebigen Anzahl größer als 1.

Die "Höhe" Variable weist eine bestimmte Höhe des Bildes in Pixel; Ersetzen Sie das "X" mit einer beliebigen Anzahl größer als 1. (Spielen Sie mit Ihren Variablen Breite und Höhe ein bisschen um den gewünschten Look für dein Bild scrollen zu erreichen).

Ändern Sie die Variable "Verhalten", "scroll" festgelegt ist, nicht, wie diese Einstellung das Bild verschieben können.

4 Wenn Sie Ihren Server Editor für Schritt 3 verwendet, klicken Sie einfach auf "Speichern". Wenn Sie NotePad oder einem anderen außerhalb Programm verwendet haben, speichern und dann auf Ihren Server hochladen. Verwenden Sie die gleiche Upload-Methode, die in Schritt 1 beschrieben.

5 Testen Sie den Code, öffnen Sie Ihren Webbrowser und Besuch der Website. Wenn das Bild nicht ein diagonaler oder gar nicht angezeigt, öffnen Sie die Website in Ihrem Editor erneut und stellen Sie sicher, dass Sie alle Variablen, die in Schritt 3 beschrieben korrekt eingegeben.