Disculpa por no expresarlo bien y pues quiero implementar EasySlide 1.0 - Demo3(Slide Style)
hice lo siguiente:
agregue el archivo CCS.css lo cual contiene:
Código HTML:
$.init_slide(firstname,secondname,watermark,iscover,speed,autoplay,playtime,clickable,mytarget);
.showbg{// for fadeout effect *This is optional
background-color: black;
}
.link_nor{// for clickable normal link
background-color: #333333;
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 2px solid #808000;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}
.link_act
{// for clickable active link
background-color:#808000;
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 2px solid #808000;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}
span{// for watermark
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
color:black
}
.gray
{// for cover
background-color: gray;
position: absolute;
border: 0px solid #9F6D11;
z-index: 100;
}
img{// for image border
border: 0px solid #663300;
background-color: #663300
}
.opa{// for watermark opacity
color:white;
padding:10px 20px 0px 20px;
position: absolute;
z-index: 101;
background-color: #FFA928;
opacity:0.5;
filter: alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha
(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16);
-moz-opacity: 0.5;
}
luego agrego el archivo de la libreria jquery y el html donde lo cargo es asi :
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<link href="CCS.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
/*comentado */ èsta es la linea que me falta completar, ya que nose que contenido llevar ese .js o como lo haria:
/*comentado */<script type="text/javascript" src="jquery.myslide.js"></script>
<script>
$(document).ready(function(){
$.init_slide('imgstore','showhere',1,1,1000,1,5000,1,'_self');
});
</script>
Prueba
<div id=imgstore style="display:none">
<img src="1.jpeg" title="Howe Bay"><img src="2.jpeg" width="129" height="89" title="Orange Morning"><img src="3.jpeg" width="96" height="104" title="Red Leaves"><img src="4.jpeg" title="waterscape"><img src="5.jpeg" title="Clashing Fronts"><img src="6.jpeg" title="Autumn Mist" width="77" height="89"><img src="7.jpg" width="100" height="120" title="Desert dry 1"><img src="8.jpeg" title="Ferns 2">
</div>
<div id=showhere></div>
<a href="http://www.ezjquery.com/cgi-bin/webapp.rb?r=access#">link fuente</a>
</body>
</html> pero igual no me funciona, al parecerer como que me falta algo, un .js pero nose que debe llevar o que, no comprendo muy bien como formar en archivo que en tal caso me faltaria, còmo podre hacer?... de antemano muchas gracias y disculpa la molestia