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:
G

GioveAirArt

Nuovo Utente
9 Mag 2013
6
0
0
Bari
www.gioveairart.it
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...
 
G

GioveAirArt

Nuovo Utente
9 Mag 2013
6
0
0
Bari
www.gioveairart.it
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 :(
 
G

GioveAirArt

Nuovo Utente
9 Mag 2013
6
0
0
Bari
www.gioveairart.it
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:[email protected]" class="nocolor und">[email protected]</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
Autore Titolo Forum Risposte Data
G Aiuto fancybox e iframe Javascript 4
F slider+fancybox jQuery 0
F mappa jquery con effetto hover + fancybox Javascript 1
F aiuto fancybox jQuery 0
P fancybox Javascript 0
V fancybox e flowplayer Javascript 0
A fancyBox script - problema con pulsanti jQuery 2
YellowMan Lightbox, Colorbox, Fancybox e Shadowbox: quale scegliere? Javascript 0
T Fancybox e TABS jquery Classic ASP 5
W integrare fancybox e php PHP 4

Discussioni simili

Alto Basso