Wenn Sie mit mit statischen , sich nicht bewegenden Bilder auf Ihrer Website langweilt , Einbeziehung verschobene Bilder bietet eine einfache Alternative. Hinzufügen verschobene Bilder auf Ihre Website fügt eine einzigartige und professionelle Note , vor allem für Geschäfts-und Promotion -Websites . Mit Grundkenntnissen in HTML , können Sie diesen Effekt, um die Seite hinzuzufügen innerhalb weniger Minuten. Anleitung
1
Wenn Sie nicht bereits haben , laden Sie das Bild, das Sie verwenden möchten, Online , entweder auf Ihrem eigenen Server oder ein Online- Bild -Host wie TinyPic.com oder Photobucket.com .
Während der Upload-Prozess unterscheidet sich je nach Standort , Hochladen eines Bildes , Ihre Website- Server ist relativ einfach. Gehen Sie zu Ihrer Website Dateimanager für den "Upload "-Symbol (in der Regel am oberen Rand der Seite befindet ) schauen und klicken Sie darauf. Sie können dann Ihren Computer ein Bild hochzuladen . Nach der Auswahl der Bilder, klicken Sie auf " Laden ". Beachten Sie die genaue Lage des Bildes auf dem Server , wie Sie die komplette URL benötigen. Zum Beispiel, wenn Sie in einem Ordner namens Ihr Bild hochgeladen " Bilder ", die vollständige URL würde wie folgt aussehen : http://www.yourdomain.com/images/image.jpg
2
Öffnen Sie die Seite , auf die Sie wünschen , um den Bildlauf Bild entweder in Ihrer Server-Website -Editor oder einem Texteditor wie Editor hinzufügen , und suchen Sie den
. Dieser Tag , der Ihnen diesen Tag nach dem -Tag finden , dient der Bereich, in dem Sie legen den Inhalt der Website. Kopieren Sie den folgenden HTML-Code zwischen dem
und -Tags in den spezifischen Ort , wo Sie wollen das Bild angezeigt :
< Festzelt Verhalten = "scroll " direction = " X " >
3
" Xs " im obigen Code geben Variablen , die Sie anpassen
Die " Richtung " Variable gibt die Richtung an , in dem Sie auf das Bild um zu blättern ; . ersetzen dieses " X " entweder mit "links" oder in der
die "img src" Variable gibt die Position des Bildes Sie haben Scrollen auf der Seite und ersetzen dieses " X " mit der vollständigen URL des Bildes ( zB http://www.yourdomain.com/images/image . jpg)
Die " Breite" Variable weist eine bestimmte Breite des Bildes in Pixeln ; . ersetzen dieses " X " mit einer beliebigen Anzahl von mehr als 1
"height " variable weist eine spezifische . Höhe des Bildes in Pixel und ersetzen dieses " X " mit einer beliebigen Anzahl größer als 1 ist. (Um Spielen Sie mit Ihren Breite und Höhe Variablen ein bisschen , um den gewünschten Look für Ihr Scrollen Bild zu erreichen ) .
Ändern Sie nicht die " Verhalten " Variable, die gesetzt wird " scrollen ", wie diese Einstellung ermöglicht die Bild zu bewegen.
4
Wenn Sie Ihre Server- Editor verwendet für Schritt 3 , klicken Sie einfach auf "Speichern". Wenn Sie Notepad oder einem anderen Programm verwendet werden außerhalb , speichern und dann laden Sie sie auf Ihren Server. Verwenden Sie die gleiche Upload-Methode in Schritt 1 beschrieben .
5
Testen Sie den Code , indem Sie Ihren Web -Browser und den Besuch der Website . Wenn das Bild nicht scrollen oder überhaupt nicht angezeigt wird, öffnen Sie die Website in Ihrem Editor wieder und sicherzustellen, dass Sie alle Variablen in Schritt 3 beschrieben korrekt eingegeben.