HTML код изисква

P

pg_83in

Guest
Здравейте аз съм студент whiose има проект да бъдат попълнени с HTML.Тук проблемът е нужда от HTML код за няколко изображение дисплей.изображенията трябва да бъдат показани поотделно на страницата и след това използването на мета тагове маркер опресняване на следващата снимка трябва да се displayed.please ми помогне ..

 
Код:Как да създадете основна слайдшоуто

Стъпка 1: Вижте някои снимки!Първата стъпка, е нужно да се каже, е първо да донесе на изображенията, които искате да включите в слайдшоуто.
За този урок, ние ще се използват тези три изображения:"firstcar.gif" "secondcar.gif" "thirdcar.gif"Представете си като автомобил търговци, и тези три коли са тези, които се продават!Стъпка 2: презареждат на изображения чрез JavaScript.Терминът "презареждат" в JavaScript се отнася до зареждането на изображения в кеш паметта, преди да ги излагам на показ.
Preloading изображения е "необходимо" в слайдшоуто, тъй като за превключване между изображения трябва да бъдат незабавно, без никакво забавяне:<head>

<script type="text/javascript">

<! --

VAR image1 = New Image ()

image1.src = "firstcar.gif"

VAR image2 = New Image ()

image2.src = "secondcar"

VAR image3 = New Image ()

image3.src = "thirdcar.gif"

//-->

</ SCRIPT>

</ HEAD> Ние създадохме три инстанции на изображението обект, отнасящи се до всеки един от образите, които правят създаване на слайд шоу.
По този начин, че изображенията са заредени в кеш, състояние, като за нас, за да покажете по всяко време.
Забележете, че целия код е поставена в <head> раздел на страницата (подробно обсъждане на preloading изображения могат да бъдат намерени тук).Стъпка 3: Добавяне в HTML кода, необходими за да се покаже първото изображение на слайд шоу.<body>

<img src="firstcar.gif" name="slide" width=100 height=56>

</ BODY> Всички сме правили по-горе е вмъкнете първото изображение на слайдшоуто използвате HTML.
Забележете как дадохме образ "наименование" атрибут.
С именуване на изображението с произволно име, той дава възможност на JavaScript за достъп и манипулиране на изображението, което ще видим следващия.Стъпка 4: С всичко на място, всички имаме нужда сега е скрипт, който има достъп до над изображението и промяна на SRC на изображението периодично създаване на слайд шоу.
В по-долу пълния списък скрипт:<script type="text/javascript">

<! --

/ / променлива, която ще нарастване чрез снимки

VAR стъпка = 1

slideit функция () (

/ / ако браузъра ви не поддържа изображение обект, излизане.

ако (! document.images)

връщане

document.images.slide.src = Eval ( "изображение" стъпка ". SRC")

ако (стъпка <3)

стъпка

в противен случай

стъпка = 1

/ / извикване на функция "slideit ()" на всеки 2,5 секунди

setTimeout ( "slideit ()", 2500)

)

slideit ()

//-->

</ SCRIPT> В основата на този скрипт е онази част, в червено:document.images.slide.src = Eval ( "изображение" стъпка ". SRC") Левият handside има достъп до пътя на изображение "Slide" с използване на изображението обект, а след това името на изображението, а след това с ключови думи "SRC".
Пътят на всяко изображение в HTML документ могат да бъдат достъпни по този начин.
Правото handside динамично определя нов SRC (пътя) към изображението, което се променят изображението.
Трите възможни пътища на изображението могат да получат, са:image1.src / / "firstcar.gif"

image2.src / / "secondcar.gif"

image3.src / / "thirdcar.gif" в този ред.Стъпка 5: поставяйки я всички заедно.Ние предварително изображенията, добавя първото изображение на слайдшоу, и създадоха функция е необходимо да се промени пътя, свързани с образа на всеки няколко секунди.
Всички ние трябва да направим сега е че е положил всички заедно в една страница, и ние си имам слайдшоу:<html>

<head>

<script type="text/javascript">

<! --

VAR image1 = New Image ()

image1.src = "firstcar.gif"

VAR image2 = New Image ()

image2.src = "secondcar"

VAR image3 = New Image ()

image3.src = "thirdcar.gif"

//-->

</ SCRIPT>

</ HEAD>

<body>

<img src="firstcar.gif" name="slide" width="100" height="56" />

<script>

<! --

/ / променлива, която ще нарастване чрез снимки

VAR стъпка = 1

slideit функция () (

/ / ако браузъра ви не поддържа изображение обект, излизане.

ако (! document.images)

връщане

document.images.slide.src = Eval ( "изображение" стъпка ". SRC")

ако (стъпка <3)

стъпка

в противен случай

стъпка = 1

/ / извикване на функция "slideit ()" на всеки 2,5 секунди

setTimeout ( "slideit ()", 2500)

)

slideit ()

//-->

</ SCRIPT>

</ BODY>

</ HTML>

 
ОК, можете да използвате кода, R Java торба, RU можете да използвате друга програма за помощ U, като Sothink, swishmax, N от въвеждане на ф да Ур страница.

 
You must log in or register to reply here.

Welcome to EDABoard.com

Sponsor

Back
Top