...y 2/
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>
<title>Buscando una solucion</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jcarousel.js"></script>
<script type="text/javascript">
$(function() {
$(".anyClass").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev"
});
});
$(function() {
$(".anyClass1").jCarouselLite({
btnNext: ".next1",
btnPrev: ".prev1"
});
});
$(function() {
$(".anyClass2").jCarouselLite({
btnNext: ".next2",
btnPrev: ".prev2"
});
});
$(function() {
$(".anyClass3").jCarouselLite({
btnNext: ".next3",
btnPrev: ".prev3"
});
});
</script>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
overflow: auto;
}
a img {
border: 0;
}
#envolvente {
width: 770px;
margin: 0 auto;
}
#caja-1 {
width: 355px;
height: 140px;
background-image: url('img/Problema-1_03.gif');
float: left;
}
#caja-2 {
width: 355px;
height: 140px;
background-image: url('img/Problema-1_05.gif');
float: right;
}
#caja-3 {
width: 355px;
height: 140px;
background-image: url('img/Problema-1_09.gif');
float: left;
}
#caja-4 {
width: 355px;
height: 140px;
background-image: url('img/Problema-1_10.gif');
float: right;
}
.separador {
margin-top: 35px;
}
#separador-1 {
clear: both;
height: 25px;
}
#separador-2 {
clear: both;
height: 70px;
}
.prev, .prev1, .prev2, .prev3 {
float: left;
}
.next, .next1, .next2, .next3 {
float: right;
}
</style>
</head>
<body>
<div id="envolvente">
<div id="separador-1"></div>
<div id="caja-1">
<button class="prev"><<</button>
<button class="next">>></button>
<div class="anyClass separador">
<ul>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
</ul>
</div>
</div>
<div id="caja-2">
<button class="prev1"><<</button>
<button class="next1">>></button>
<div class="anyClass1 separador">
<ul>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
</ul>
</div>
</div>
<div id="separador-2"></div>
<div id="caja-3">
<button class="prev2"><<</button>
<button class="next2">>></button>
<div class="anyClass2 separador">
<ul>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
</ul>
</div>
</div>
<div id="caja-4">
<button class="prev3"><<</button>
<button class="next3">>></button>
<div class="anyClass3 separador">
<ul>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
<li><a href='#'><img src='imagen1.png' alt='imagen1' width='71' height='70' /></a></li>
</ul>
</div>
</div>
</div>
</body>
</html> Espero te sea útil.
Bye