VostroPortale.it

Italia Open Source.. CMS, CRM, Gallery, Blog, Forum, Chat, Statistiche

Lun10262020

Last update09:33:38

Font Size

Cpanel

Joomla Security news - Notizie Sicurezza Joomla

Altri software open source

Javascript para crear presentaciones de diapositivas

Producir una presentación de diapositivas de las imágenes en su sitio con este sencillo script

  <DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
xmlns="http://www.w3.org/1999/xhtml"> <html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Práctica 1 - CST </ title>
type="text/javascript"> <script
<! -
/ / Carga previa de imágenes
var imagen1 = new Image ()
image1.src = "images/img1.jpg"
var imagen2 = new Image ()
image2.src = "images/img2.jpg"
image3 var = new Image ()
image3.src = "images/img3.jpg"
image4 var = new Image ()
image4.src = "images/img4.jpg"

//-->
</ Script>
<style type="text/css">
<! -
cuerpo, td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: # 003399;
}
body {
background-color: # 999999;
margin-left: 50px;
margin-top: 50px;
margen derecha: 50px;
margin-bottom: 50px;
}
->
</ Style> </ head>
<body>
<h1> Práctica 1 - CST </ h1>
<h2> <strong> Objetivo: </ strong> Escribir código JavaScript para crear imágenes de presentación de diapositivas </ h2>.
</ P>
<p> href="javascript:slidelink()"> src = "images/img1.jpg" name = "slide" <img border="0" width="500" height="300" /> </ a> </ p>
<p>
type="text/javascript"> <script
<! -
paso var = 1
var = 1 whichimage
SlideIT función () {
if (document.images)
volver
document.images.slide.src = eval ("imagen" + paso +. "src")
whichimage = paso
if (paso <4)
paso + +
más
paso = 1
setTimeout ("SlideIT ()", 1800)
}
SlideIT ()
slidelink función () {
if (whichimage == 1)
window.location = "images/img1.jpg"
else if (whichimage == 2)
window.location = "images/img2.jpg"
else if (whichimage == 3)
window.location = "images/img3.jpg"
else if (whichimage == 4)
window.location = "images/img1.jpg"
}
//-->
</ Script>

</ P>
Haga clic en la imagen para verlo.

</ P>

</ Body>
</ HTML>