Fancybox

G

GioveAirArt

Nuovo Utente
9 Mag 2013
6
0
0
Bari
www.gioveairart.it
Salve, spero di postare nella giusta sezione...
Sto creando quattro gallerie di immagini in una pagina di un sito web e per ogni galleria vorrei visualizzare solo una thumbnail, ho fatto il tutto con fancybox ma nella pagina ci sono dei difetti e si vedono dei piccoli quadratini per ogni immagine delle gallerie, come posso fare per far vedere solo una thumbnail per galleria? Grazie.
Posto il codice:
HTML: 
<li id="services">
				<div class="grid_6 prefix_1 alpha omega">
					<h2>GALLERIA LAVORI</h2>
                    <ul class="imgs nocolor und">
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-01.jpg" title="Galleria 1" rel="group"><img src="http://forum.mrwebmaster.it/images/gallery1/gallery1-01-thumb.jpg" /></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-02.jpg" title="Galleria 1" rel="group"></a>
		      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-03.jpg" title="Galleria 1" rel="group"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-04.jpg" title="Galleria 1" rel="group"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-05.jpg" title="Galleria 1" rel="group"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-06.jpg" title="Galleria 1" rel="group"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-07.jpg" title="Galleria 1" rel="group"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery2/gallery2-01.jpg" title="Galleria 2" rel="group"><img src="http://forum.mrwebmaster.it/images/gallery2/gallery2-01-thumb.jpg" /></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery2/gallery2-02.jpg" title="Galleria 2" rel="group"></a>
                  </ul>                                   
				</div>				
			</li>
 
Ultima modifica di un moderatore:
Schermata 2013-05-09 alle 21.10.45.jpg

Questa è la schermata della pagina, si vedono i quadratini delle sette immagini della prima galleria, non so dove intervenire perché sono alle prime armi...
 
Ho risolto il problema di sopra dei quadratini, adesso ne ho un altro: in locale funziona tutto, ho pubblicato il sito online ma le gallerie immagini non funzionano, non riesco a capire il motivo, tutto il resto va tranne le gallerie immagini, spero qualcuno possa aiutarmi :(
 
Questo è il sito, cosa sbaglio? www.3dprojectcaldarulo.it
HTML: 
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery.fancybox-1.3.4.pack.js"></script>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>
<link href='css/jquery.fancybox-1.3.4.css' rel='stylesheet' type='text/css'/>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/grid.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="http://forum.mrwebmaster.it/images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://forum.mrwebmaster.it/images/favicon.ico" type="image/x-icon" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/scripts.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() { 
	$(".group").fancybox({
		'overlayShow': true,
		'overlayOpacity':0.8
	}); 
	}); 
</script>
<!--[if lt IE 8]>
  <div class='alc' style=' clear: both; text-align:center; position: relative; z-index:9999;'>
    <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
      <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
   </a>
 </div>
<![endif]-->
<!--[if lt IE 9]><script src="js/html5.js" type="text/javascript"></script><![endif]-->
<!--[if IE]><link href="css/ie_style.css" rel="stylesheet" type="text/css" /><![endif]-->
</head>
<body>
<div id="gspinner"></div>
<div id="glob">
	<aside>
		<h1><a href="#!/home"><img src="http://forum.mrwebmaster.it/images/logo.png" alt="" /></a></h1>
		<nav>
			<ul>
				<li><a href="#!/home">home<span></span></a></li>
				<li><a href="#!/about_us">BIO<span></span></a></li>
				<li><a href="#!/services">GALLERIA LAVORI<span></span></a></li>
				<li><a href="#!/contacts">CONTATTI<span></span></a></li>
			</ul>
		</nav>
		<div class="bg-thumbs">
			<ul>
				<li class="active"><a href="http://forum.mrwebmaster.it/images/bg-1.jpg"><img src="http://forum.mrwebmaster.it/images/bg-thumb-1.jpg" alt="" /><span></span></a></li>
				<li><a href="http://forum.mrwebmaster.it/images/bg-2.jpg"><img src="http://forum.mrwebmaster.it/images/bg-thumb-2.jpg" alt="" /><span></span></a></li>
				<li><a href="http://forum.mrwebmaster.it/images/bg-3.jpg"><img src="http://forum.mrwebmaster.it/images/bg-thumb-3.jpg" alt="" /><span></span></a></li>
				<li><a href="http://forum.mrwebmaster.it/images/bg-4.jpg"><img src="http://forum.mrwebmaster.it/images/bg-thumb-4.jpg" alt="" /><span></span></a></li>
				<li><a href="http://forum.mrwebmaster.it/images/bg-5.jpg"><img src="http://forum.mrwebmaster.it/images/bg-thumb-5.jpg" alt="" /><span></span></a></li>
				<li><a href="http://forum.mrwebmaster.it/images/bg-6.jpg"><img src="http://forum.mrwebmaster.it/images/bg-thumb-6.jpg" alt="" /><span></span></a></li>
				<li><a href="http://forum.mrwebmaster.it/images/bg-7.jpg"><img src="http://forum.mrwebmaster.it/images/bg-thumb-7.jpg" alt="" /><span></span></a></li>
				<li><a href="http://forum.mrwebmaster.it/images/bg-8.jpg"><img src="http://forum.mrwebmaster.it/images/bg-thumb-8.jpg" alt="" /><span></span></a></li>
				<li><a href="http://forum.mrwebmaster.it/images/bg-9.jpg"><img src="http://forum.mrwebmaster.it/images/bg-thumb-9.jpg" alt="" /><span></span></a></li>
			</ul>
		</div>
	</aside>
	<article id="content" class="container_8 ">
		<ul>
			<li id="about_us">
				<div class="grid_6 prefix_1 alpha omega">
					<h2>BIO</h2>
					<p class="bold">Noemy Caldarulo nasce a Bari nel 1986.
Dopo gli studi superiori presso il Liceo Artistico, frequenta l'Accademia di Belle Arti di Bari dove si Laurea nel 2012 con il massimo dei voti. Nel corso dei suoi studi acquisisce adeguata padronanza in disegno, pittura, architettura, design e storia dell'arte con specifiche competenze disciplinari e professionali. In grado di utilizzare diversi applicativi del pacchetto Office si specializza principalmente in software per la progettazione quali AutoCad e ArchiCad in 2D e 3D e programmi per la simulazione realistica dei materiali e delle luci richieste per ogni progetto tridimensionale. Dotata di creatività, serietà, dinamicità, predisposizione al lavoro in team con ottime abilità relazionali. Parla Italiano e Inglese. Esegue realizzazioni in Render...
</p>
					<ul class="cols blo">
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			</li>
		  <li id="services">
				<div class="grid_6 prefix_1 alpha omega">
					<h2>GALLERIA LAVORI</h2>
                    <ul class="imgs nocolor und">
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-01.jpg" title="Galleria 1" rel="gallery1"><img src="http://forum.mrwebmaster.it/images/gallery1/gallery1-01-thumb.jpg" /><br><strong>Galleria 1</strong></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-02.jpg" title="Galleria 1" rel="gallery1"></a>
					  <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-03.jpg" title="Galleria 1" rel="gallery1"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-04.jpg" title="Galleria 1" rel="gallery1"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-05.jpg" title="Galleria 1" rel="gallery1"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-06.jpg" title="Galleria 1" rel="gallery1"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery1/gallery1-07.jpg" title="Galleria 1" rel="gallery1"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery2/gallery2-01.jpg" title="Galleria 2" rel="gallery2"><img src="http://forum.mrwebmaster.it/images/gallery2/gallery2-01-thumb.jpg" /><br><strong>Galleria 2</strong></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery2/gallery2-02.jpg" title="Galleria 2" rel="gallery2"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery2/gallery2-03.jpg" title="Galleria 2" rel="gallery2"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery2/gallery2-04.jpg" title="Galleria 2" rel="gallery2"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery2/gallery2-05.jpg" title="Galleria 2" rel="gallery2"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery2/gallery2-06.jpg" title="Galleria 2" rel="gallery2"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery2/gallery2-07.jpg" title="Galleria 2" rel="gallery2"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery2/gallery2-08.jpg" title="Galleria 2" rel="gallery2"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery2/gallery2-09.jpg" title="Galleria 2" rel="gallery2"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery2/gallery2-10.jpg" title="Galleria 2" rel="gallery2"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery3/gallery3-01.jpg" title="Galleria 3" rel="gallery3"><img src="http://forum.mrwebmaster.it/images/gallery3/gallery3-01-thumb.jpg" /><br><strong>Galleria 3</strong></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery3/gallery3-02.jpg" title="Galleria 3" rel="gallery3"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery3/gallery3-03.jpg" title="Galleria 3" rel="gallery3"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery3/gallery3-04.jpg" title="Galleria 3" rel="gallery3"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery3/gallery3-05.jpg" title="Galleria 3" rel="gallery3"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery3/gallery3-06.jpg" title="Galleria 3" rel="gallery3"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery3/gallery3-07.jpg" title="Galleria 3" rel="gallery3"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-01.jpg" title="Galleria 4" rel="gallery4"><img src="http://forum.mrwebmaster.it/images/gallery4/gallery4-01-thumb.jpg" /><br><strong>Galleria 4</strong></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-02.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-03.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-04.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-05.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-06.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-07.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-08.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-09.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-10.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-11.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-12.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-13.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-14.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-15.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-16.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-17.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-18.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-19.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-20.jpg" title="Galleria 4" rel="gallery4"></a>
                      <li><div><a class="group" href="http://forum.mrwebmaster.it/images/gallery4/gallery4-21.jpg" title="Galleria 4" rel="gallery4"></a>
                  </ul>                                   
				</div>				
			</li>
			<li id="contacts">
<div class="grid_6 prefix_1 alpha omega">
					<h2>contatti</h2>
					<div class="google_map"></div>
					<ul class="cols">
						<li>
							<dl class="address">
								<dt class="bold">Via Francesco Crispi, 68<br>70123  Bari - Italy</dt>
								<dd><span>Infotel:</span>+39 340 8836604</dd>
								<dd><span>E-mail:</span> <a href="mailto:noemy0419@hotmail.it" class="nocolor und">noemy0419@hotmail.it</a></dd>
							</dl>
						</li>
					</ul>
				</div>
			</li>
			<li id="privacy">
				<div class="grid_6 prefix_1 alpha omega">
					<h2>privacy policy</h2>
					
					<p><a href="www.gioveairart.it" class="nocolor">http://www.gioveairart.it</a></p>
				</div>
			</li>
		</ul>
  </article>
	<footer>
		<pre class="privacy nocolor und"><a href="http://www.gioveairart.it" target="_new">2013 &copy;GioveAirArt </a><!-- {%FOOTER_LINK} --></pre>
		<ul class="soc-ico">
			<li><a href="http://www.facebook.com/noemy.caldarulo" target="_new"><img src="http://forum.mrwebmaster.it/images/facebook.png" alt="" border="0" /></a></li>
		</ul>
	</footer>
</div>
<div id="bgStretch"><img src="http://forum.mrwebmaster.it/images/bg-1.jpg" alt="" /></div>
<!--coded by pleazkin-->
</body>
</html>
 
Ultima modifica di un moderatore:
Devi accedere o registrarti per poter rispondere.

Discussioni simili

G
Aiuto fancybox e iframe
Risposte
4
Visite
3K
Javascript
Giulia76
G
F
slider+fancybox
Risposte
0
Visite
1K
jQuery
Fabio90
F
F
mappa jquery con effetto hover + fancybox
Risposte
1
Visite
1K
Javascript
criric
criric
F
aiuto fancybox
Risposte
0
Visite
1K
jQuery
Fabio90
F
P
fancybox
Risposte
0
Visite
1K
Javascript
Paolo87
P
V
fancybox e flowplayer
Risposte
0
Visite
1K
Javascript
viola12
V
A
fancyBox script - problema con pulsanti
Risposte
2
Visite
2K
jQuery
aledero75
A
YellowMan
Lightbox, Colorbox, Fancybox e Shadowbox: quale scegliere?
Risposte
0
Visite
1K
Javascript
YellowMan
YellowMan
T
Fancybox e TABS jquery
Risposte
5
Visite
3K
Classic ASP
alessandro1997
alessandro1997
W
integrare fancybox e php
Risposte
4
Visite
2K
PHP
Eliox
Eliox
Alto Basso