#2125
fabio123
Partecipante

    Grazie 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”&gt;
    <html xmlns=”http://www.w3.org/1999/xhtml&#8221; 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&gt;

    <!– 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&#8221;
    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–>
         

          <!–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 –>
     

       

     

      <!– 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”&gt;
    <html xmlns=”http://www.w3.org/1999/xhtml&#8221; 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
                           

      • 2 columns
      •                    

      • 3 columns
      •                    

      • 4 columns
      •                    

      • 5 columns
      •                    

      • 6 columns
      •                    

      • Grid

                     

    •                

    • Colorbox
                           

      • 2 columns
      •                    

      • 3 columns
      •                    

      • 4 columns
      •                    

      • 5 columns
      •                    

      • 6 columns
      •                    

      • Grid

                     

    •                

    • Pretty photo
                           

      • 2 columns
      •                    

      • 3 columns
      •                    

      • 4 columns
      •                    

      • 5 columns
      •                    

      • 6 columns
      •                    

      • Grid

                     

    •                

    • Fancybox
                           

      • 2 columns
      •                    

      • 3 columns
      •                    

      • 4 columns
      •                    

      • 5 columns
      •                    

      • 6 columns
      •                    

      • Grid

                     

    •                

    • 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 –>
     

       

     

      <!– 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!

    #2126
    fabio123
    Partecipante

      Grazie 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”&gt;
      <html xmlns=”http://www.w3.org/1999/xhtml&#8221; 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&gt;

      <!– 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&#8221;
      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–>
           

            <!–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 –>
       

         

       

        <!– 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”&gt;
      <html xmlns=”http://www.w3.org/1999/xhtml&#8221; 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
                             

        • 2 columns
        •                    

        • 3 columns
        •                    

        • 4 columns
        •                    

        • 5 columns
        •                    

        • 6 columns
        •                    

        • Grid

                       

      •                

      • Colorbox
                             

        • 2 columns
        •                    

        • 3 columns
        •                    

        • 4 columns
        •                    

        • 5 columns
        •                    

        • 6 columns
        •                    

        • Grid

                       

      •                

      • Pretty photo
                             

        • 2 columns
        •                    

        • 3 columns
        •                    

        • 4 columns
        •                    

        • 5 columns
        •                    

        • 6 columns
        •                    

        • Grid

                       

      •                

      • Fancybox
                             

        • 2 columns
        •                    

        • 3 columns
        •                    

        • 4 columns
        •                    

        • 5 columns
        •                    

        • 6 columns
        •                    

        • Grid

                       

      •                

      • 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 –>
       

         

       

        <!– 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!

      Stai visualizzando 8 post - dal 1 a 8 (di 8 totali)
      • Devi essere connesso per rispondere a questo topic.

      PROMOZIONE SUPPORTHOST

      Grazie ad una partnership con SupportHost tutti gli utenti di jQuery Italia possono godere di uno SCONTO ESCLUSIVO DEL 20% su tutti i piani hosting di SupportHost!

      Approfittatene subito!

      Codice promo: jqueryitalia

      SupportHost Promo

      SOSTIENI jQuery Italia

      Aiuta la Community di jQuery Italia a rimanere in vita per contribuire a diffondere le conoscenze di base ed avanzate di jQuery.

      SITO SEGNALATO SU

      Sito segnalato da Freeonline.it - La guida alle risorse gratuite Mooseek.com - Web Directory, Download Software, Giochi Online, Video Tecnologici, Siti d'Affari