Buonasera
Vorrei realizzare una gallery tipo carousel 3d
ho trovato un sito che contiene ciò che vorrei, solo che non riesco a realizzarlo
il sito in questione è questo http://interface.eyecon.ro/docs/carousel
da dove dovrei iniziare ??? aiutatemi vi prego
Ho provato a utilizzare dreamweaver creando un file html e gli ho scritto il codice seguente :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>New Play</title>
</head>
<body>
<div id="carousel">
<a href="" title=""><img src="carousel1.jpg" width="100%" /></a>
<a href="" title=""><img src="carousel2.jpg" width="100%" /></a>
<a href="" title=""><img src="carousel3.jpg" width="100%" /></a>
<a href="" title=""><img src="" width="100%" /></a>
<a href="" title=""><img src="" width="100%" /></a>
<script type="text/javascript">
window.onload =
function()
{
$('#carousel').Carousel(
{
itemWidth: 110,
itemHeight: 62,
itemMinWidth: 50,
items: 'a',
reflections: .5,
rotationSpeed: 1.8
}
);
}
</div>
</body>
</html>
poi ho fatto un file in css inserendo ciò
@charset "utf-8";
#carousel
{
width: 700px;
height: 150px;
background-color: #111;
position: absolute;
top: 200px;
left: 100px;
}
#carousel a
{
position: absolute;
width: 110px;
}
/* CSS Document */
purtroppo non si muove una virgola..sicuramente ho completamente sbagliato tutto
mi potete aiutare ? ve ne sarei molto grato
Cordiali saluti
Vincenzo