Pulsante facebook in fancybox
Taggato: fancybox facebook jquery
- Questo topic ha 7 risposte, 2 partecipanti ed è stato aggiornato l'ultima volta 11 anni, 7 mesi fa da fabio123.
- AutorePost
- 9 Agosto 2012 alle 16:39 #1733fabio123Partecipante
Salve a tutti!
Come ho scritto nel mio post di presentazione, non sono un programmatore nè ho seguito un percorso scolastico in tal senso.
Da inizio anno sto cercando di creare il mio sito internet personale, faccio il fotografo amatoriale e vorrei creare un sito che abbia un portfolio con le mie foto.
Non avendo esperienza ho cercato di aggiustarmi e la soluzione migliore che mi è venuta è stata quella di scaricare un template già preimpostato e modificarlo.Sono riuscito a capire il funzionamento dell’html, quantomeno le basi, così ho modificato scritte, menù ecc.
Non mi piaceva la galleria fotografica presente e dopo varie sudate ho inserito fancybox ma sono fermo su un punto ormai da parecchi mesi.
Vorrei inserire nell’immagine aperta con fancybox, a fianco o sotto al titolo della foto, il pulsante like/share di facebook e vorrei che questo fosse collegato ad ogni immagine.
Così se uno clicca su quel pulsante condivide la singola immagine su FB.Ci sono riuscito per la condivisione dell’intero sito, sono riuscito ad inserire anche il pulsante di twitter sotto ogni singola immagine ma non quello di facebook.
C’è qualcuno che potrebbe darmi una mano se posto il codice?
Praticamene il sito internet sarebbe pronto, manca solo il logo (ne sto usando uno provvisorio), che mi farà un amico webdesigner e il pulsante di facebook, il resto funziona.
Scusate ma l’html l’ho trovato più facile, scrivere in jquery invece credo sia al di sopra delle mie possibilità.
11 Agosto 2012 alle 07:55 #2120jqueryitaliaAmministratoreCiao fabio123 e benvenuto.
Per non impazzire di consiglio un’alternativa che integra già al suo interno il pulsnate Mi Piace di FB:
Buon lavoro!
19 Agosto 2012 alle 15:34 #2121fabio123PartecipanteCiao! Grazie per la pronta risposta.Ho aspettato a risponderti perchè ho voluto riprovarci per l’ennesima volta, ormai sono mesi che sono fermo lì, ma preferisco sbattere la testa una volta in più prima di chidere aiuto.
Il fatto è che il template che sto utilizzando prevede la possibilità di utilizzare diverse gallerie, tra cui fancybox e prettyphoto.
Il documento che spiega come fare è semplicissimo è lo seguito passo per passo.Nel caso di prettyphoto non funziona, ho provato in ogni modo ma non riesco ad avere la visualizzazione della galleria in stile popup come fa appunto prettyphoto.
Nel caso di fancybox invece va alla grande, la galleria si trasforma in popup (prettyphoto e fancybox sono praticamente identici), riesco a cambiare colore della cornice, posizione del titolo ecc.
Ho chiesto allo sviluppatore di fancybox se fosse possibile integrare il pulsante like di facebook sotto ogni immagine e lui mi ha risposto di si inviandomi questo link
Ho inserito il tutto nei punti giusti e funziona, il problema è che mi appare il pulsante di twitter ma non quello di facebook! volevo saprarmi!
Io credo di essere a buon punto nel mio sito con galleria in versione fancybox, cioè gli script del sito funzionano tutti, ho integrato fancybox e funziona, il codice che mi ha inviato lo sviluppatore di fancybox per i pulsanti dei social network sono stati inseriti correttamente, altrimenti non si vedrebbe nemmeno quello di twitter.
E’ praticamente tutto pronto, tranne sto maledetto like di facebook. Secondo me un qualsisasi programmatore che ne sappia più di me e cioè più di zero riesce a capire immediatamente il problema.. poi sarei pronto per mettere il sito on-line
Ci sarebbe qualcuno disposto a buttare via 10 minuti del suto tempo?
22 Agosto 2012 alle 07:27 #2122fabio123PartecipanteIeri sera mi sono messo di nuovo a computer 3 orette, ho provato a rifare tutto da capo, ho ottenuto lo stesso risultato. Il pulsante tweet di twitter si vede ma il like di facebook no.
Scervellandomi per capire qual’è il problema mi è venuto in mente una cosa: è possibile che una pagina html non supporti il codice Iframe? O che ci sia qualcosa che lo blocchi?
Se si, da cosa lo capisco?Vado per esclusione, il codice funziona altrimenti non andrebbe nemmeno qui
http://jsfiddle.net/B9ytK/
nel mio sito il tweet appare esattamente dove deve essere (nella cornice della foto).
L’unica differenza quindi, guardando quel codice, è che per twitter viene utilizzato un widget e punta su un url.
Mentre il tasto like di FB viene fatto saltar fuori mediante codice iframe.Ho provato a creare da zero una pagina con sfondo nero e due tabelle, ho inserito un altro codice iframe sempre per il like di facebook e funziona.
MI sta venendo il dubbio che il template su cui sto lavorando quindi, non supporti in qualche modo il codice iframe. Da cosa lo capisco?
23 Agosto 2012 alle 09:17 #2123jqueryitaliaAmministratoreIl tuo ragionamento è corretto: mi viene da pensare che nella pagina vi sia o un errore javascript o un errore HTML (mancata chiusura di un tag, id duplicato, ecc.).
Riesci ad mettere online il codice completo della pagina in modo che io possa verificare eventuali errori di questo tipo?
23 Agosto 2012 alle 16:34 #2124fabio123PartecipanteGrazie per aver risposto,
mancata chiusura di tag o duplicati credo di no perchè suo dreamweaver
per editare il codice e mi avverte quando faccio errori di questo tipo.
Errore nei javascript possibilissimo invece! Javascript per me è troppo
difficile da capire senza alcuna spiegazione, ne ho appreso solo il
metodo di funzionamento e come iniziare ma non sono capace di editarlo,
tranne poche cose evidenti come posizioni di titoli per esempio o cose
di questo genere.
Ti inserisco il codice ma secondo me per capirci qualcosa avresti
bisogno di vedere i vari files js, a mio parere l’errore è lì in quanto è
un template acquistato e modificato da me.. credo che gli script in quei files vadano in qualche modo in conflitto.
Ti lascio la mia mail: f.bandera10@gmail.com
Se mi scrivi li ti allego tutti i files.. a meno che non si possano pubblicare qui, ma non mi sembra.
Questo è il sito di fancybox, con il funzionamento
http://fancyapps.com/fancybox/
Questo è il codice la pagina index ajax version (se non ho capito male
un sito internet in versione ajax carica tutti gli script nella pagina
iniziale per poi farli funzionare automaticamente su tutte le pagine
html ad esso collegate)
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Storm – Full screen background template</title>
<link rel=”stylesheet” type=”text/css” href=”css/styles.css” />
<link rel=”stylesheet” type=”text/css” href=”js/serene/serene.css” />
<link rel=”stylesheet” type=”text/css” href=”contact-form/css/standard.css” />
<!–[if IE 7]>
<link rel=”stylesheet” type=”text/css” href=”css/ie7.css” />
<![endif]–>
<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”css/ie.css” />
<![endif]–>
<script type=”text/javascript” src=”js/jquery-1.7.2.min.js”></script>
<script type=”text/javascript” src=”js/plugins.js”></script>
<script type=”text/javascript” src=”js/scripts.ajax.js”></script>
<script type=”text/javascript” src=”contact-form/js/plugins.js”></script>
<script type=”text/javascript” src=”contact-form/js/iphorm.js”></script>
<script type=”text/javascript” src=”contact-form/js/scripts.js”></script>
<script type=”text/javascript” src=”js/serene/jquery.serene.js”></script>
<script type=’text/javascript’ src=”http://platform.twitter.com/widgets.js”></script>
<!– Add mousewheel plugin (this is optional) –>
<script type=”text/javascript” src=”js/jquery.mousewheel-3.0.6.pack.js”></script>
<!– Add fancyBox main JS and CSS files –>
<script type=”text/javascript” src=”js/jquery.fancybox.js”></script>
<link rel=”stylesheet” type=”text/css” href=”css/jquery.fancybox.css” media=”screen” />
<!– Optionally add helpers – button, thumbnail and/or media –>
<link rel=”stylesheet” href=”css/jquery.fancybox-buttons.css” type=”text/css” media=”screen” />
<script type=”text/javascript” src=”js/jquery.fancybox-buttons.js”></script>
<script type=”text/javascript” src=”js/jquery.fancybox-media.js”></script>
<link rel=”stylesheet” href=”css/jquery.fancybox-thumbs.css” type=”text/css” media=”screen” />
<script type=”text/javascript” src=”js/jquery.fancybox-media.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
$(“.fancybox”)
.attr(‘rel’, ‘gallery’)
.fancybox({
beforeShow: function () {
if (this.title) {
// New line
this.title += ‘
‘;// Add tweet button
this.title += ‘<a href=”https://twitter.com/share”
class=”twitter-share-button” data-count=”none” data-url=”‘ + this.href +
‘”>Tweet ‘;
// Add FaceBook like button
this.title += ‘<iframe
src=”//www.facebook.com/plugins/like.php?href=’ + this.href +
‘&layout=button_count&show_faces=true&width=500&action=like&font&colorscheme=light&height=23″
scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden;
width:110px; height:23px;”
allowTransparency=”true”></iframe>’;
}
},
afterShow: function() {
// Render tweet button
twttr.widgets.load();
},
helpers : {
title : {
type: ‘inside’
}
}
});
/*
* Different effects
*/
// Change title type, overlay opening speed and opacity
$(“.fancybox-effects-a”).fancybox({
helpers: {
title : {
type : ‘outside’
},
overlay : {
speedIn : 500,
opacity : 0.95
}
}
});
// Disable opening and closing animations, change title type
$(“.fancybox-effects-b”).fancybox({
openEffect : ‘none’,
closeEffect : ‘none’,
helpers : {
title : {
type : ‘over’
}
}
});
// Set custom style, close if clicked, change title type and overlay color
$(“.fancybox-effects-c”).fancybox({
wrapCSS : ‘fancybox-custom’,
closeClick : true,
helpers : {
title : {
type : ‘inside’
},
overlay : {
css : {
‘background-color’ : ‘#eee’
}
}
}
});
// Remove padding, set opening and closing animations, close if clicked and disable overlay
$(“.fancybox-effects-d”).fancybox({
padding: 0,
openEffect : ‘elastic’,
openSpeed : 150,
closeEffect : ‘elastic’,
closeSpeed : 150,
closeClick : true,
helpers : {
overlay : null
}
});
/*
* Button helper. Disable animations, hide close button, change title type and content
*/
$(‘.fancybox-buttons’).fancybox({
openEffect : ‘none’,
closeEffect : ‘none’,
prevEffect : ‘none’,
nextEffect : ‘none’,
closeBtn : false,
helpers : {
title : {
type : ‘inside’
},
buttons : {}
},
afterLoad : function() {
this.title = ‘Image ‘ + (this.index + 1) + ‘ of ‘ +
this.group.length + (this.title ? ‘ – ‘ + this.title : ”);
}
});
/*
* Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
*/
$(‘.fancybox-thumbs’).fancybox({
prevEffect : ‘none’,
nextEffect : ‘none’,
closeBtn : false,
arrows : false,
nextClick : true,
helpers : {
thumbs : {
width : 50,
height : 50
}
}
});
/*
* Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
*/
$(‘.fancybox-media’)
.attr(‘rel’, ‘media-gallery’)
.fancybox({
openEffect : ‘none’,
closeEffect : ‘none’,
prevEffect : ‘none’,
nextEffect : ‘none’,
arrows : false,
helpers : {
media : {},
buttons : {}
}
});
/*
* Open manually
*/
$(“#fancybox-manual-a”).click(function() {
$.fancybox.open(‘1_b.jpg’);
});
$(“#fancybox-manual-b”).click(function() {
$.fancybox.open({
href : ‘iframe.html’,
type : ‘iframe’,
padding : 5
});
});
$(“#fancybox-manual-c”).click(function() {
$.fancybox.open([
{
href : ‘1_b.jpg’,
title : ‘My title’
}, {
href : ‘2_b.jpg’,
title : ‘2nd title’
}, {
href : ‘3_b.jpg’
}
], {
helpers : {
thumbs : {
width: 75,
height: 50
}
}
});
});
});
</script>
<style type=”text/css”>
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
</style>
</head>
<body class=”ajax”>
<!– Non-JavaScript background –>
<!–Start Outside–>
<!– Begin Header –>
<!–Logo–>
<a class=”non-ajax”href=”index.html”>
<!–End Logo–>
<!– Nav –>
<!–Horizontal Menu–>
<ul id=”horz-nav-ul” class=”sf-menu”>
<li class=”home”>Home
<li class=”about”>About me
<li class=”portfolio”>Portfolio
- Travel
- Turin
- Moscow
- Portugal
- Startrails
- Aurora Borealis
- Various
- Backstage
<li class=”contact”>Contact
<li class=”buy”><a class=”non-ajax”
href=”http://demos.themecatcher.net/storm/buy.php”>Buy
now
<!–End Horizontal Menu–>
<!–Search–>
<form action=”” method=”get”>
<input id=”search-input” value=”” class=”search-input” name=”query” />
<input name=”go” type=”submit” value=”Go” />
</form>
<!–End Search–>
<!–Minimise–>
<!–End Minimise–>
<!– End Nav –>
<!– End Header –>
<!– Begin HOME PAGE –>
<!– Welcome box –>
WELCOME!
–>Startrails-photography.com<–
Around the world looking for the perfect moment
<!– End welcome box –>
<!– End HOME PAGE –>
<!– Begin Footer –>
<!–Footers Left Column–>
Copyright © 2011 <ahref=”http://www.themecatcher.net”>ThemeCatcher.net <a
href=”http://www.themecatcher.net” class=”white-link”>Premium
Wordpress Themes & <a
href=”http://www.themecatcher.net” class=”white-link”>Web
Templates
<!–End Footers Left Column–>
<!–Footers Right Column–>
<ul class=”footer-menu”>
- <a id=”social-pop-out-trigger”
href=”#”>Connect with
me
- <a id=”twitter-pop-out-trigger”
href=”#”><span
class=”up-ico”>Twitter
<li class=”top”><a href=”#top”
class=”scroll-top”><span
class=”up-ico”>Top
<!–Hidden pop out boxes – Social icons–>
<ahref=”http://www.facebook.com/profile.php?id=1526560002″
target=”_blank”><img src=”images/social-icons/facebook.png”
width=”32″ height=”32″ alt=”Facebook” />
<ahref=”spotify:user:fabio12310″><img
src=”images/social-icons/spotify.png” width=”32″ height=”32″
alt=”Spotify” />
<ahref=”http://www.flickr.com/people/55009674@N07/”
target=”_blank”><img src=”images/social-icons/flickr.png”
width=”32″ height=”32″ alt=”Flickr” />
<ahref=”skype:fabio_bandera?add”><img
src=”images/social-icons/skype.png” width=”32″ height=”32″ alt=”Skype”
/>
<ahref=”http://vimeo.com/user9148105″ target=”_blank”><img
src=”images/social-icons/vimeo.png” width=”32″ height=”32″ alt=”Vimeo”
/>
<ahref=”http://www.couchsurfing.org/people/fabio12310/”
target=”_blank”><img src=”images/social-icons/couchsurfing.png”
width=”80″ height=”60″ alt=”Couchsurfing” />
<!–Hidden pop out boxes – Twitter–>
<!–End Footers Right Column–>
<!– End Footer –>
<!–End Outside–>
<script type=”text/javascript”>Cufon.now();</script>
</body>
</html>
Questa è la pagina html dove ho le foto su cui sto facendo la prova per vedere se funziona
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Storm – Full screen background template</title>
<link rel=”stylesheet” type=”text/css” href=”css/styles.css” />
<!–[if IE 7]>
<link rel=”stylesheet” type=”text/css” href=”css/ie7.css” />
<![endif]–>
<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”css/ie.css” />
<![endif]–>
<script type=”text/javascript” src=”js/jquery-1.7.2.min.js”></script>
<script type=”text/javascript” src=”js/plugins.js”></script>
<script type=”text/javascript” src=”js/scripts.js”></script>
</head>
<body>
<!– Non-JavaScript background –>
<!–Start Outside–>
<!– Begin Header –>
<!–Logo–>
<!–End Logo–>
<!– Nav –>
<!–Horizontal Menu–>
<ul id=”horz-nav-ul” class=”sf-menu”>
<li class=”home”>Home
<li class=”about”>About
<li class=”blog”>Blog
<li class=”portfolio”>Portfolio
- Full screen
- Colorbox
- Pretty photo
- Fancybox
- Galleria
<li class=”contact”>Contact
<li class=”buy”><a
href=”http://demos.themecatcher.net/storm/buy.php”>Buy
now
<!–End Horizontal Menu–>
<!–Search–>
<form action=”” method=”get”>
<input id=”search-input” value=”” class=”search-input” name=”query” />
<input name=”go” type=”submit” value=”Go” />
</form>
<!–End Search–>
<!–Minimise–>
<!–End Minimise–>
<!– End Nav –>
<!– End Header –>
<!– Begin Fancybox 5 column portfolio –>
<!–Transparent Header–>
Fancybox
5 column layout
<!–End Transparent Header–>
<!–Portfolio content–>
- <li class=”one-portfolio-item”>
<a title=”1st title” class=”fancybox”
href=”images/portfolio/popup/foto10.jpg”><img
src=”images/portfolio/5column/foto10.png” alt=””/>
<li class=”one-portfolio-item”>
<a class=”fancybox” rel=”group”
href=”images/portfolio/popup/foto11.jpg” title=”morning after[explored]
(mariosworld343)”>
<!–End Portfolio content–>
<!– End Fancybox 5 column portfolio –>
<!– Begin Footer –>
<!–Footers Left Column–>
Copyright © 2011 <ahref=”http://www.themecatcher.net”>ThemeCatcher.net <a
href=”http://www.themecatcher.net” class=”white-link”>Premium
Wordpress Themes & <a
href=”http://www.themecatcher.net” class=”white-link”>Web
Templates
<!–End Footers Left Column–>
<!–Footers Right Column–>
<ul class=”footer-menu”>
- <a id=”social-pop-out-trigger”
href=”#”>Connect with
me
- <a id=”twitter-pop-out-trigger”
href=”#”><span
class=”up-ico”>Twitter
<li class=”top”><a href=”#top”
class=”scroll-top”><span
class=”up-ico”>Top
<!–Hidden pop out boxes – Social icons–>
<ahref=”#”><img src=”images/social-icons/facebook.png” width=”32″
height=”32″ alt=”Facebook” />
<ahref=”#”><img src=”images/social-icons/delicious.png” width=”32″
height=”32″ alt=”Delicious” />
<ahref=”#”><img src=”images/social-icons/flickr.png” width=”32″
height=”32″ alt=”Flickr” />
<ahref=”#”><img src=”images/social-icons/rss.png” width=”32″
height=”32″ alt=”RSS” />
<ahref=”#”><img src=”images/social-icons/twitter.png” width=”32″
height=”32″ alt=”Twitter” />
<!–Hidden pop out boxes – Twitter–>
<!–End Footers Right Column–>
<!– End Footer –>
<!–End Outside–>
<script type=”text/javascript”>Cufon.now();</script>
</body>
</html>
Come ti dicevo così funziona tutto ma non appare il like di facebook.
Ho provato anche nella versione non ajax, quindi caricando i singoli
script nella index e nella pagina dove ho la galleria, ma niente.
Grazie per l’aiuto!
23 Agosto 2012 alle 16:45 #2125fabio123PartecipanteGrazie per aver risposto,
mancata chiusura di tag o duplicati credo di no perchè suo dreamweaver
per editare il codice e mi avverte quando faccio errori di questo tipo.
Errore nei javascript possibilissimo invece! Javascript per me è troppo
difficile da capire senza alcuna spiegazione, ne ho appreso solo il
metodo di funzionamento e come iniziare ma non sono capace di editarlo,
tranne poche cose evidenti come posizioni di titoli per esempio o cose
di questo genere.
Ti inserisco il codice ma secondo me per capirci qualcosa avresti
bisogno di vedere i vari files js, a mio parere l’errore è lì in quanto è
un template acquistato e modificato da me.. credo che gli script in quei files vadano in qualche modo in conflitto.
Ti lascio la mia mail: f.bandera10@gmail.com
Se mi scrivi li ti allego tutti i files.. a meno che non si possano pubblicare qui, ma non mi sembra.
Questo è il sito di fancybox, con il funzionamento
http://fancyapps.com/fancybox/
Questo è il codice la pagina index ajax version (se non ho capito male
un sito internet in versione ajax carica tutti gli script nella pagina
iniziale per poi farli funzionare automaticamente su tutte le pagine
html ad esso collegate)
Code:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Storm – Full screen background template</title><link rel=”stylesheet” type=”text/css” href=”css/styles.css” />
<link rel=”stylesheet” type=”text/css” href=”js/serene/serene.css” />
<link rel=”stylesheet” type=”text/css” href=”contact-form/css/standard.css” />
<!–[if IE 7]>
<link rel=”stylesheet” type=”text/css” href=”css/ie7.css” />
<![endif]–>
<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”css/ie.css” />
<![endif]–><script type=”text/javascript” src=”js/jquery-1.7.2.min.js”></script>
<script type=”text/javascript” src=”js/plugins.js”></script>
<script type=”text/javascript” src=”js/scripts.ajax.js”></script>
<script type=”text/javascript” src=”contact-form/js/plugins.js”></script>
<script type=”text/javascript” src=”contact-form/js/iphorm.js”></script>
<script type=”text/javascript” src=”contact-form/js/scripts.js”></script>
<script type=”text/javascript” src=”js/serene/jquery.serene.js”></script>
<script type=’text/javascript’ src=”http://platform.twitter.com/widgets.js”></script><!– Add mousewheel plugin (this is optional) –>
<script type=”text/javascript” src=”js/jquery.mousewheel-3.0.6.pack.js”></script><!– Add fancyBox main JS and CSS files –>
<script type=”text/javascript” src=”js/jquery.fancybox.js”></script>
<link rel=”stylesheet” type=”text/css” href=”css/jquery.fancybox.css” media=”screen” /><!– Optionally add helpers – button, thumbnail and/or media –>
<link rel=”stylesheet” href=”css/jquery.fancybox-buttons.css” type=”text/css” media=”screen” />
<script type=”text/javascript” src=”js/jquery.fancybox-buttons.js”></script>
<script type=”text/javascript” src=”js/jquery.fancybox-media.js”></script><link rel=”stylesheet” href=”css/jquery.fancybox-thumbs.css” type=”text/css” media=”screen” />
<script type=”text/javascript” src=”js/jquery.fancybox-media.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
$(“.fancybox”)
.attr(‘rel’, ‘gallery’)
.fancybox({
beforeShow: function () {
if (this.title) {
// New line
this.title += ‘
‘;
// Add tweet button
this.title += ‘<a href=”https://twitter.com/share”
class=”twitter-share-button” data-count=”none” data-url=”‘ + this.href +
‘”>Tweet ‘;
// Add FaceBook like button
this.title += ‘<iframe
src=”//www.facebook.com/plugins/like.php?href=’ + this.href +
‘&layout=button_count&show_faces=true&width=500&action=like&font&colorscheme=light&height=23″
scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden;
width:110px; height:23px;”
allowTransparency=”true”></iframe>’;
}
},
afterShow: function() {
// Render tweet button
twttr.widgets.load();
},
helpers : {
title : {
type: ‘inside’
}
}
});
/*
* Different effects
*/// Change title type, overlay opening speed and opacity
$(“.fancybox-effects-a”).fancybox({
helpers: {
title : {
type : ‘outside’
},
overlay : {
speedIn : 500,
opacity : 0.95
}
}
});// Disable opening and closing animations, change title type
$(“.fancybox-effects-b”).fancybox({
openEffect : ‘none’,
closeEffect : ‘none’,helpers : {
title : {
type : ‘over’
}
}
});// Set custom style, close if clicked, change title type and overlay color
$(“.fancybox-effects-c”).fancybox({
wrapCSS : ‘fancybox-custom’,
closeClick : true,helpers : {
title : {
type : ‘inside’
},
overlay : {
css : {
‘background-color’ : ‘#eee’
}
}
}
});// Remove padding, set opening and closing animations, close if clicked and disable overlay
$(“.fancybox-effects-d”).fancybox({
padding: 0,openEffect : ‘elastic’,
openSpeed : 150,closeEffect : ‘elastic’,
closeSpeed : 150,closeClick : true,
helpers : {
overlay : null
}
});/*
* Button helper. Disable animations, hide close button, change title type and content
*/$(‘.fancybox-buttons’).fancybox({
openEffect : ‘none’,
closeEffect : ‘none’,prevEffect : ‘none’,
nextEffect : ‘none’,closeBtn : false,
helpers : {
title : {
type : ‘inside’
},
buttons : {}
},afterLoad : function() {
this.title = ‘Image ‘ + (this.index + 1) + ‘ of ‘ +
this.group.length + (this.title ? ‘ – ‘ + this.title : ”);
}
});/*
* Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
*/$(‘.fancybox-thumbs’).fancybox({
prevEffect : ‘none’,
nextEffect : ‘none’,closeBtn : false,
arrows : false,
nextClick : true,helpers : {
thumbs : {
width : 50,
height : 50
}
}
});/*
* Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
*/
$(‘.fancybox-media’)
.attr(‘rel’, ‘media-gallery’)
.fancybox({
openEffect : ‘none’,
closeEffect : ‘none’,
prevEffect : ‘none’,
nextEffect : ‘none’,arrows : false,
helpers : {
media : {},
buttons : {}
}
});/*
* Open manually
*/$(“#fancybox-manual-a”).click(function() {
$.fancybox.open(‘1_b.jpg’);
});$(“#fancybox-manual-b”).click(function() {
$.fancybox.open({
href : ‘iframe.html’,
type : ‘iframe’,
padding : 5
});
});$(“#fancybox-manual-c”).click(function() {
$.fancybox.open([
{
href : ‘1_b.jpg’,
title : ‘My title’
}, {
href : ‘2_b.jpg’,
title : ‘2nd title’
}, {
href : ‘3_b.jpg’
}
], {
helpers : {
thumbs : {
width: 75,
height: 50
}
}
});
});});
</script>
<style type=”text/css”>
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
</style></head>
<body class=”ajax”><!– Non-JavaScript background –><!–Start Outside–>
<!– Begin Header –>
<!–Logo–>
<a class=”non-ajax”
href=”index.html”><!–End Logo–>
<!– Nav –>
<!–Horizontal Menu–>
<ul id=”horz-nav-ul” class=”sf-menu”>
<li class=”home”>Home
<li class=”about”>About me
<li class=”portfolio”>Portfolio
<li class=”contact”>Contact
<li class=”buy”><a class=”non-ajax”
href=”http://demos.themecatcher.net/storm/buy.php”>Buy
now
<!–End Horizontal Menu–>
<!–Search–>
<form action=”” method=”get”>
<input id=”search-input” value=”” class=”search-input” name=”query” />
<input name=”go” type=”submit” value=”Go” />
</form>
<!–End Search–>
<!–Minimise–>
<!–End Minimise–>
<!– End Nav –>
<!– End Header –>
<!– Begin HOME PAGE –>
<!– Welcome box –>
WELCOME!
–>Startrails-photography.com<–
Around the world looking for the perfect moment
<!– End welcome box –>
<!– End HOME PAGE –>
<!– Begin Footer –>
<!–Footers Left Column–>
Copyright © 2011 <a
href=”http://www.themecatcher.net”>ThemeCatcher.net <a
href=”http://www.themecatcher.net” class=”white-link”>Premium
Wordpress Themes & <a
href=”http://www.themecatcher.net” class=”white-link”>Web
Templates<!–End Footers Left Column–>
<!–Footers Right Column–>
<ul class=”footer-menu”>
- <a id=”social-pop-out-trigger”
href=”#”>Connect with
me- <a id=”twitter-pop-out-trigger”
href=”#”><span
class=”up-ico”>Twitter<li class=”top”><a href=”#top”
class=”scroll-top”><span
class=”up-ico”>Top
<!–Hidden pop out boxes – Social icons–>
<a
href=”http://www.facebook.com/profile.php?id=1526560002″
target=”_blank”><img src=”images/social-icons/facebook.png”
width=”32″ height=”32″ alt=”Facebook” /><a
href=”spotify:user:fabio12310″><img
src=”images/social-icons/spotify.png” width=”32″ height=”32″
alt=”Spotify” /><a
href=”http://www.flickr.com/people/55009674@N07/”
target=”_blank”><img src=”images/social-icons/flickr.png”
width=”32″ height=”32″ alt=”Flickr” /><a
href=”skype:fabio_bandera?add”><img
src=”images/social-icons/skype.png” width=”32″ height=”32″ alt=”Skype”
/><a
href=”http://vimeo.com/user9148105″ target=”_blank”><img
src=”images/social-icons/vimeo.png” width=”32″ height=”32″ alt=”Vimeo”
/><a
href=”http://www.couchsurfing.org/people/fabio12310/”
target=”_blank”><img src=”images/social-icons/couchsurfing.png”
width=”80″ height=”60″ alt=”Couchsurfing” />
<!–Hidden pop out boxes – Twitter–>
<!–End Footers Right Column–>
<!– End Footer –>
<!–End Outside–>
<script type=”text/javascript”>Cufon.now();</script>
</body>
</html>Questa è la pagina html dove ho le foto su cui sto facendo la prova per vedere se funziona
Code:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Storm – Full screen background template</title><link rel=”stylesheet” type=”text/css” href=”css/styles.css” />
<!–[if IE 7]>
<link rel=”stylesheet” type=”text/css” href=”css/ie7.css” />
<![endif]–>
<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”css/ie.css” />
<![endif]–><script type=”text/javascript” src=”js/jquery-1.7.2.min.js”></script>
<script type=”text/javascript” src=”js/plugins.js”></script>
<script type=”text/javascript” src=”js/scripts.js”></script></head>
<body>
<!– Non-JavaScript background –><!–Start Outside–>
<!– Begin Header –>
<!–Logo–>
<!–End Logo–>
<!– Nav –>
<!–Horizontal Menu–>
<ul id=”horz-nav-ul” class=”sf-menu”>
<li class=”home”>Home
<li class=”about”>About
<li class=”blog”>Blog
<li class=”portfolio”>Portfolio- Full screen
- Colorbox
- Pretty photo
- Fancybox
- Galleria
<li class=”contact”>Contact
<li class=”buy”><a
href=”http://demos.themecatcher.net/storm/buy.php”>Buy
now
<!–End Horizontal Menu–>
<!–Search–>
<form action=”” method=”get”>
<input id=”search-input” value=”” class=”search-input” name=”query” />
<input name=”go” type=”submit” value=”Go” />
</form>
<!–End Search–>
<!–Minimise–>
<!–End Minimise–>
<!– End Nav –>
<!– End Header –>
<!– Begin Fancybox 5 column portfolio –>
<!–Transparent Header–>
Fancybox
5 column layout
<!–End Transparent Header–>
<!–Portfolio content–>
- <li class=”one-portfolio-item”>
<a title=”1st title” class=”fancybox”
href=”images/portfolio/popup/foto10.jpg”><img
src=”images/portfolio/5column/foto10.png” alt=””/>
<li class=”one-portfolio-item”>
<a class=”fancybox” rel=”group”
href=”images/portfolio/popup/foto11.jpg” title=”morning after[explored]
(mariosworld343)”>
<!–End Portfolio content–>
<!– End Fancybox 5 column portfolio –>
<!– Begin Footer –>
<!–Footers Left Column–>
Copyright © 2011 <a
href=”http://www.themecatcher.net”>ThemeCatcher.net <a
href=”http://www.themecatcher.net” class=”white-link”>Premium
Wordpress Themes & <a
href=”http://www.themecatcher.net” class=”white-link”>Web
Templates<!–End Footers Left Column–>
<!–Footers Right Column–>
<ul class=”footer-menu”>
- <a id=”social-pop-out-trigger”
href=”#”>Connect with
me- <a id=”twitter-pop-out-trigger”
href=”#”><span
class=”up-ico”>Twitter<li class=”top”><a href=”#top”
class=”scroll-top”><span
class=”up-ico”>Top
<!–Hidden pop out boxes – Social icons–>
<a
href=”#”><img src=”images/social-icons/facebook.png” width=”32″
height=”32″ alt=”Facebook” /><a
href=”#”><img src=”images/social-icons/delicious.png” width=”32″
height=”32″ alt=”Delicious” /><a
href=”#”><img src=”images/social-icons/flickr.png” width=”32″
height=”32″ alt=”Flickr” /><a
href=”#”><img src=”images/social-icons/rss.png” width=”32″
height=”32″ alt=”RSS” /><a
href=”#”><img src=”images/social-icons/twitter.png” width=”32″
height=”32″ alt=”Twitter” />
<!–Hidden pop out boxes – Twitter–>
<!–End Footers Right Column–>
<!– End Footer –>
<!–End Outside–>
<script type=”text/javascript”>Cufon.now();</script>
</body>
</html>Come ti dicevo così funziona tutto ma non appare il like di facebook.
Ho provato anche nella versione non ajax, quindi caricando i singoli
script nella index e nella pagina dove ho la galleria, ma niente.
Grazie per l’aiuto!
23 Agosto 2012 alle 16:48 #2126fabio123PartecipanteGrazie per aver risposto,
mancata chiusura di tag o duplicati credo di no perchè suo dreamweaver
per editare il codice e mi avverte quando faccio errori di questo tipo.
Errore nei javascript possibilissimo invece! Javascript per me è troppo
difficile da capire senza alcuna spiegazione, ne ho appreso solo il
metodo di funzionamento e come iniziare ma non sono capace di editarlo,
tranne poche cose evidenti come posizioni di titoli per esempio o cose
di questo genere.
Ti inserisco il codice ma secondo me per capirci qualcosa avresti
bisogno di vedere i vari files js, a mio parere l’errore è lì in quanto è
un template acquistato e modificato da me.. credo che gli script in quei files vadano in qualche modo in conflitto.
Ti lascio la mia mail: f.bandera10@gmail.com
Se mi scrivi li ti allego tutti i files.. a meno che non si possano pubblicare qui, ma non mi sembra.
Questo è il sito di fancybox, con il funzionamento
http://fancyapps.com/fancybox/
Questo è il codice la pagina index ajax version (se non ho capito male
un sito internet in versione ajax carica tutti gli script nella pagina
iniziale per poi farli funzionare automaticamente su tutte le pagine
html ad esso collegate)
Code:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Storm – Full screen background template</title><link rel=”stylesheet” type=”text/css” href=”css/styles.css” />
<link rel=”stylesheet” type=”text/css” href=”js/serene/serene.css” />
<link rel=”stylesheet” type=”text/css” href=”contact-form/css/standard.css” />
<!–[if IE 7]>
<link rel=”stylesheet” type=”text/css” href=”css/ie7.css” />
<![endif]–>
<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”css/ie.css” />
<![endif]–><script type=”text/javascript” src=”js/jquery-1.7.2.min.js”></script>
<script type=”text/javascript” src=”js/plugins.js”></script>
<script type=”text/javascript” src=”js/scripts.ajax.js”></script>
<script type=”text/javascript” src=”contact-form/js/plugins.js”></script>
<script type=”text/javascript” src=”contact-form/js/iphorm.js”></script>
<script type=”text/javascript” src=”contact-form/js/scripts.js”></script>
<script type=”text/javascript” src=”js/serene/jquery.serene.js”></script>
<script type=’text/javascript’ src=”http://platform.twitter.com/widgets.js”></script><!– Add mousewheel plugin (this is optional) –>
<script type=”text/javascript” src=”js/jquery.mousewheel-3.0.6.pack.js”></script><!– Add fancyBox main JS and CSS files –>
<script type=”text/javascript” src=”js/jquery.fancybox.js”></script>
<link rel=”stylesheet” type=”text/css” href=”css/jquery.fancybox.css” media=”screen” /><!– Optionally add helpers – button, thumbnail and/or media –>
<link rel=”stylesheet” href=”css/jquery.fancybox-buttons.css” type=”text/css” media=”screen” />
<script type=”text/javascript” src=”js/jquery.fancybox-buttons.js”></script>
<script type=”text/javascript” src=”js/jquery.fancybox-media.js”></script><link rel=”stylesheet” href=”css/jquery.fancybox-thumbs.css” type=”text/css” media=”screen” />
<script type=”text/javascript” src=”js/jquery.fancybox-media.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
$(“.fancybox”)
.attr(‘rel’, ‘gallery’)
.fancybox({
beforeShow: function () {
if (this.title) {
// New line
this.title += ‘
‘;
// Add tweet button
this.title += ‘<a href=”https://twitter.com/share”
class=”twitter-share-button” data-count=”none” data-url=”‘ + this.href +
‘”>Tweet ‘;
// Add FaceBook like button
this.title += ‘<iframe
src=”//www.facebook.com/plugins/like.php?href=’ + this.href +
‘&layout=button_count&show_faces=true&width=500&action=like&font&colorscheme=light&height=23″
scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden;
width:110px; height:23px;”
allowTransparency=”true”></iframe>’;
}
},
afterShow: function() {
// Render tweet button
twttr.widgets.load();
},
helpers : {
title : {
type: ‘inside’
}
}
});
/*
* Different effects
*/// Change title type, overlay opening speed and opacity
$(“.fancybox-effects-a”).fancybox({
helpers: {
title : {
type : ‘outside’
},
overlay : {
speedIn : 500,
opacity : 0.95
}
}
});// Disable opening and closing animations, change title type
$(“.fancybox-effects-b”).fancybox({
openEffect : ‘none’,
closeEffect : ‘none’,helpers : {
title : {
type : ‘over’
}
}
});// Set custom style, close if clicked, change title type and overlay color
$(“.fancybox-effects-c”).fancybox({
wrapCSS : ‘fancybox-custom’,
closeClick : true,helpers : {
title : {
type : ‘inside’
},
overlay : {
css : {
‘background-color’ : ‘#eee’
}
}
}
});// Remove padding, set opening and closing animations, close if clicked and disable overlay
$(“.fancybox-effects-d”).fancybox({
padding: 0,openEffect : ‘elastic’,
openSpeed : 150,closeEffect : ‘elastic’,
closeSpeed : 150,closeClick : true,
helpers : {
overlay : null
}
});/*
* Button helper. Disable animations, hide close button, change title type and content
*/$(‘.fancybox-buttons’).fancybox({
openEffect : ‘none’,
closeEffect : ‘none’,prevEffect : ‘none’,
nextEffect : ‘none’,closeBtn : false,
helpers : {
title : {
type : ‘inside’
},
buttons : {}
},afterLoad : function() {
this.title = ‘Image ‘ + (this.index + 1) + ‘ of ‘ +
this.group.length + (this.title ? ‘ – ‘ + this.title : ”);
}
});/*
* Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
*/$(‘.fancybox-thumbs’).fancybox({
prevEffect : ‘none’,
nextEffect : ‘none’,closeBtn : false,
arrows : false,
nextClick : true,helpers : {
thumbs : {
width : 50,
height : 50
}
}
});/*
* Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
*/
$(‘.fancybox-media’)
.attr(‘rel’, ‘media-gallery’)
.fancybox({
openEffect : ‘none’,
closeEffect : ‘none’,
prevEffect : ‘none’,
nextEffect : ‘none’,arrows : false,
helpers : {
media : {},
buttons : {}
}
});/*
* Open manually
*/$(“#fancybox-manual-a”).click(function() {
$.fancybox.open(‘1_b.jpg’);
});$(“#fancybox-manual-b”).click(function() {
$.fancybox.open({
href : ‘iframe.html’,
type : ‘iframe’,
padding : 5
});
});$(“#fancybox-manual-c”).click(function() {
$.fancybox.open([
{
href : ‘1_b.jpg’,
title : ‘My title’
}, {
href : ‘2_b.jpg’,
title : ‘2nd title’
}, {
href : ‘3_b.jpg’
}
], {
helpers : {
thumbs : {
width: 75,
height: 50
}
}
});
});});
</script>
<style type=”text/css”>
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
</style></head>
<body class=”ajax”><!– Non-JavaScript background –><!–Start Outside–>
<!– Begin Header –>
<!–Logo–>
<a class=”non-ajax”
href=”index.html”><!–End Logo–>
<!– Nav –>
<!–Horizontal Menu–>
<ul id=”horz-nav-ul” class=”sf-menu”>
<li class=”home”>Home
<li class=”about”>About me
<li class=”portfolio”>Portfolio
<li class=”contact”>Contact
<li class=”buy”><a class=”non-ajax”
href=”http://demos.themecatcher.net/storm/buy.php”>Buy
now
<!–End Horizontal Menu–>
<!–Search–>
<form action=”” method=”get”>
<input id=”search-input” value=”” class=”search-input” name=”query” />
<input name=”go” type=”submit” value=”Go” />
</form>
<!–End Search–>
<!–Minimise–>
<!–End Minimise–>
<!– End Nav –>
<!– End Header –>
<!– Begin HOME PAGE –>
<!– Welcome box –>
WELCOME!
–>Startrails-photography.com<–
Around the world looking for the perfect moment
<!– End welcome box –>
<!– End HOME PAGE –>
<!– Begin Footer –>
<!–Footers Left Column–>
Copyright © 2011 <a
href=”http://www.themecatcher.net”>ThemeCatcher.net <a
href=”http://www.themecatcher.net” class=”white-link”>Premium
Wordpress Themes & <a
href=”http://www.themecatcher.net” class=”white-link”>Web
Templates<!–End Footers Left Column–>
<!–Footers Right Column–>
<ul class=”footer-menu”>
- <a id=”social-pop-out-trigger”
href=”#”>Connect with
me- <a id=”twitter-pop-out-trigger”
href=”#”><span
class=”up-ico”>Twitter<li class=”top”><a href=”#top”
class=”scroll-top”><span
class=”up-ico”>Top
<!–Hidden pop out boxes – Social icons–>
<a
href=”http://www.facebook.com/profile.php?id=1526560002″
target=”_blank”><img src=”images/social-icons/facebook.png”
width=”32″ height=”32″ alt=”Facebook” /><a
href=”spotify:user:fabio12310″><img
src=”images/social-icons/spotify.png” width=”32″ height=”32″
alt=”Spotify” /><a
href=”http://www.flickr.com/people/55009674@N07/”
target=”_blank”><img src=”images/social-icons/flickr.png”
width=”32″ height=”32″ alt=”Flickr” /><a
href=”skype:fabio_bandera?add”><img
src=”images/social-icons/skype.png” width=”32″ height=”32″ alt=”Skype”
/><a
href=”http://vimeo.com/user9148105″ target=”_blank”><img
src=”images/social-icons/vimeo.png” width=”32″ height=”32″ alt=”Vimeo”
/><a
href=”http://www.couchsurfing.org/people/fabio12310/”
target=”_blank”><img src=”images/social-icons/couchsurfing.png”
width=”80″ height=”60″ alt=”Couchsurfing” />
<!–Hidden pop out boxes – Twitter–>
<!–End Footers Right Column–>
<!– End Footer –>
<!–End Outside–>
<script type=”text/javascript”>Cufon.now();</script>
</body>
</html>Questa è la pagina html dove ho le foto su cui sto facendo la prova per vedere se funziona
Code:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Storm – Full screen background template</title><link rel=”stylesheet” type=”text/css” href=”css/styles.css” />
<!–[if IE 7]>
<link rel=”stylesheet” type=”text/css” href=”css/ie7.css” />
<![endif]–>
<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”css/ie.css” />
<![endif]–><script type=”text/javascript” src=”js/jquery-1.7.2.min.js”></script>
<script type=”text/javascript” src=”js/plugins.js”></script>
<script type=”text/javascript” src=”js/scripts.js”></script></head>
<body>
<!– Non-JavaScript background –><!–Start Outside–>
<!– Begin Header –>
<!–Logo–>
<!–End Logo–>
<!– Nav –>
<!–Horizontal Menu–>
<ul id=”horz-nav-ul” class=”sf-menu”>
<li class=”home”>Home
<li class=”about”>About
<li class=”blog”>Blog
<li class=”portfolio”>Portfolio- Full screen
- Colorbox
- Pretty photo
- Fancybox
- Galleria
<li class=”contact”>Contact
<li class=”buy”><a
href=”http://demos.themecatcher.net/storm/buy.php”>Buy
now
<!–End Horizontal Menu–>
<!–Search–>
<form action=”” method=”get”>
<input id=”search-input” value=”” class=”search-input” name=”query” />
<input name=”go” type=”submit” value=”Go” />
</form>
<!–End Search–>
<!–Minimise–>
<!–End Minimise–>
<!– End Nav –>
<!– End Header –>
<!– Begin Fancybox 5 column portfolio –>
<!–Transparent Header–>
Fancybox
5 column layout
<!–End Transparent Header–>
<!–Portfolio content–>
- <li class=”one-portfolio-item”>
<a title=”1st title” class=”fancybox”
href=”images/portfolio/popup/foto10.jpg”><img
src=”images/portfolio/5column/foto10.png” alt=””/>
<li class=”one-portfolio-item”>
<a class=”fancybox” rel=”group”
href=”images/portfolio/popup/foto11.jpg” title=”morning after[explored]
(mariosworld343)”>
<!–End Portfolio content–>
<!– End Fancybox 5 column portfolio –>
<!– Begin Footer –>
<!–Footers Left Column–>
Copyright © 2011 <a
href=”http://www.themecatcher.net”>ThemeCatcher.net <a
href=”http://www.themecatcher.net” class=”white-link”>Premium
Wordpress Themes & <a
href=”http://www.themecatcher.net” class=”white-link”>Web
Templates<!–End Footers Left Column–>
<!–Footers Right Column–>
<ul class=”footer-menu”>
- <a id=”social-pop-out-trigger”
href=”#”>Connect with
me- <a id=”twitter-pop-out-trigger”
href=”#”><span
class=”up-ico”>Twitter<li class=”top”><a href=”#top”
class=”scroll-top”><span
class=”up-ico”>Top
<!–Hidden pop out boxes – Social icons–>
<a
href=”#”><img src=”images/social-icons/facebook.png” width=”32″
height=”32″ alt=”Facebook” /><a
href=”#”><img src=”images/social-icons/delicious.png” width=”32″
height=”32″ alt=”Delicious” /><a
href=”#”><img src=”images/social-icons/flickr.png” width=”32″
height=”32″ alt=”Flickr” /><a
href=”#”><img src=”images/social-icons/rss.png” width=”32″
height=”32″ alt=”RSS” /><a
href=”#”><img src=”images/social-icons/twitter.png” width=”32″
height=”32″ alt=”Twitter” />
<!–Hidden pop out boxes – Twitter–>
<!–End Footers Right Column–>
<!– End Footer –>
<!–End Outside–>
<script type=”text/javascript”>Cufon.now();</script>
</body>
</html>Come ti dicevo così funziona tutto ma non appare il like di facebook.
Ho provato anche nella versione non ajax, quindi caricando i singoli
script nella index e nella pagina dove ho la galleria, ma niente.
Grazie per l’aiuto!
- Travel
- AutorePost
- Devi essere connesso per rispondere a questo topic.