Centrare galleria immagine

lukissimo81

Utente Attivo
28 Ago 2013
34
0
0
Ciao ragazzi, ho inserito una galleria immagine in una pagina del sito (www.pclabstore.com/pizza/galleria.html) come posso centrarla?
Poi ho notato che le frecce non si vedono quando clicco sull anteprima.
Potete dire dove sbaglio?

Grazie


Codice:
</script>
</head>
<body>
<div id="dhtmlgoodies_slideshow">
	<div id="previewPane">
		<img src="gallery/images/image1_big.jpg">
		<span id="waitMessage">Pizza in arrivo!!</span>	
		<div id="largeImageCaption">Pizza pronta!!</div>
	</div>
	<div id="galleryContainer">
		<div id="arrow_left"><img src="gallery/images/arrow_left.gif"></div>
		<div id="arrow_right"><img src="gallery/images/arrow_right.gif"></div>
		<div id="theImages">
				<!-- Thumbnails -->
				<a href="#" onclick="showPreview('gallery/images/image1_big.jpg','1');return false"><img src="gallery/images/image1.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image2_big.jpg','2');return false"><img src="gallery/images/image2.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image3_big.jpg','3');return false"><img src="gallery/images/image3.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image4_big.jpg','4');return false"><img src="gallery/images/image4.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image5_big.jpg','5');return false"><img src="gallery/images/image5.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image6_big.jpg','6');return false"><img src="gallery/images/image6.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image7_big.jpg','7');return false"><img src="gallery/images/image7.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image8_big.jpg','8');return false"><img src="gallery/images/image8.jpg"></a><a href="#" onclick="showPreview('gallery/images/image9_big.jpg','9');return false"><img src="gallery/images/image9.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image10_big.jpg','10');return false"><img src="gallery/images/image10.jpg"></a>				<a href="#" onclick="showPreview('gallery/images/image11_big.jpg','11');return false"><img src="gallery/images/image11.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image12_big.jpg','12');return false"><img src="gallery/images/image12.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image13_big.jpg','13');return false"><img src="gallery/images/image13.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image14_big.jpg','14');return false"><img src="gallery/images/image14.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image15_big.jpg','15');return false"><img src="gallery/images/image15.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image16_big.jpg','16');return false"><img src="gallery/images/image16.jpg"></a><a href="#" onclick="showPreview('gallery/images/image17_big.jpg','71');return false"><img src="gallery/images/image17.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image18_big.jpg','18');return false"><img src="gallery/images/image18.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image19_big.jpg','19');return false"><img src="gallery/images/image19.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image20_big.jpg','20');return false"><img src="gallery/images/image20.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image21_big.jpg','21');return false"><img src="gallery/images/image21.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image22_big.jpg','22');return false"><img src="gallery/images/image22.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image23_big.jpg','23');return false"><img src="gallery/images/image23.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image24_big.jpg','24');return false"><img src="gallery/images/image24.jpg"></a><a href="#" onclick="showPreview('gallery/images/image25_big.jpg','25');return false"><img src="gallery/images/image25.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image26_big.jpg','26');return false"><img src="gallery/images/image26.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image27_big.jpg','27');return false"><img src="gallery/images/image27.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image28_big.jpg','28');return false"><img src="gallery/images/image28.jpg"></a>		
				<a href="#" onclick="showPreview('gallery/images/image29_big.jpg','29');return false"><img src="gallery/images/image29.jpg"></a>	
				<!-- End thumbnails -->
				<!-- Image captions -->	
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
                <div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
                <div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
                <div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<div class="imageCaption">Pizza</div>
				<!-- End image captions -->
				
				
		  <div id="slideEnd"></div>
		</div>
	</div>
</div>
</body>
</html>
    </div>
 
Per centrare la slideshow, nel file con gli stili CSS aggiungi a "#dhtmlgoodies_slideshow" "margin: 0 auto;". Invece, se vuoi modificare le dimensioni della slideshow estendola per tutta la lunghezza del "contenitore", togli "width: 600px".

Con "Poi ho notato che le frecce non si vedono quando clicco sull anteprima.", intendi questo?
http://i.gyazo.com/d46b9bc7137c203530d590fa230e0ee1.png

Saluti
 

Discussioni simili