Como hacer que funcione varias veces el Slideshow

lichiko · #1 (**permalink**) 20/07/2015, 13:30

Hola amigos:

Soy muy nuevo en esto, tengo este codigo para un slideshow con links, al ponerlo una vez funciona, pero si lo intento poner dos veces solo uno funciona, el otro solo muestra las imagenes.

Código HTML:

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Scroll</title>
<style>
<style type="text/css">

#mcis {
display: none;
}

#slider {
width: 320px;
height: 240px;
background: #fff url

(https://lh6.googleusercontent.com/-

V7xLkgfh1O8/Ufo_dpsg85I/AAAAAAAABF0/pFT5oNtt_2w/s3

2-no/loading.gif) no-repeat 50% 50%;
position: relative;
margin: 0 auto;
box-shadow: 0px 1px 5px #999999;
}
#slider img {
position: absolute;
border: none;
display: none;
}
#slider a.imgLink {
z-index: 2;
display: none;
position: absolute;
top: 0px;
left: 0px;
border: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
div.mc-caption-bg, div.mc-caption-bg2 {
position: absolute;
width: 100%;
height: auto;
padding: 0;
left: 0px;
bottom: 0px;
z-index: 3;
overflow: hidden;
font-size: 0;
}
div.mc-caption-bg {
background-color: black;
}
div.mc-caption {
font: bold 14px/20px Arial;
color: #EEE;
z-index: 4;
padding: 10px 0;
text-align: center;
}
div.mc-caption a {
color: #FB0;
}
div.mc-caption a:hover {
color: #DA0;
}
div.navBulletsWrapper {
top: 265px;
left: 190px;
width: 150px;
background: none;
padding-left: 20px;
position: relative;
z-index: 5;
cursor: pointer;
}

#slider {
transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
</style>
<script src="https://googledrive.com/host/0B-

WopI-jeOOsT1NPRC1acHpxWmc/js-image-slider.js" 

type="text/javascript"></script>
</head>
<body>
<br>
<div id="slider">
<a href="www.google.com"><img 

src="http://91ef69bade70f992a001-

b6054e05bb416c4c4b6f3b0ef3e0f71d.r93.cf3.rackcdn.c

om/city-10011901.jpg" /></a>
<a href="www.gmail.com"><img 

src="http://91ef69bade70f992a001-

b6054e05bb416c4c4b6f3b0ef3e0f71d.r93.cf3.rackcdn.c

om/future-background-10027937.jpg"/></a>
<a href="www.youtube.com"><img 

src="http://91ef69bade70f992a001-

b6054e05bb416c4c4b6f3b0ef3e0f71d.r93.cf3.rackcdn.c

om/success-road-sign-10031660.jpg"/></a>
<a href="http://www.forosdelweb.com/"><img 

src="http://91ef69bade70f992a001-

b6054e05bb416c4c4b6f3b0ef3e0f71d.r93.cf3.rackcdn.c

om/checklist-10026029.jpg"/></a>
</div>
</body>
</html>

Por favor, alguien podria decirme como debo hacer para que funcionen dos o tres en una misma pagina,

Gracias.