Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Posts

  • Joined

  • Last visited

  • Days Won


Everything posted by Caue

  1. Ok, I'm just guessing here, but maybe you should keep the thumbnail on the gallery. Maybe the script could be modified to work even with "No Thumbnail" but right now I think it pretty much relies on it. Hopefully that's all.
  2. Sorry, @fuzzykit I couldn't find the button or the script loaded there. Where are they supposed to be, exactly? Maybe they're in a page we can't see unless you link it to us. I'm actually amazed my script is still working 1 year later... It doesn't matter if the page is linked or not, at all. The gallery grid could have an effect, but probably not as well. Try looking on the javascript console for error messages, they are usually very helpful. That 5 minute challenge does sound interesting. :)
  3. Out of so many possible ways to do it, this is how I've done it: http://www.cregox.com/full-video/ There are quite many steps and options there. Here I'll write the most simplified version, with very basic steps which might not be so easy to follow but should be enough if you know how to find your way: First, .Then, create a link anywhere you want with this updated to your video ID: javascript:jqueryLightbox('RpLBR38kVvY'); Then, add the following script somewhere: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script name="full video lightbox" author="cregox.com"> // to use it, create a gallery block, make it a grid and check the Lightbox. // now add an item to it, either with the plus button or from another gallery. // finally add a link to any block you want, // calling jqueryLightbox function with a video url string. // for instance, to a vimeo video: // javascript:jqueryLightbox('video/127121696'); // // for more info, visit www.cregox.com/full-video $(document).ready(function(){ $('a[href^="javascript:jqueryLightbox("]').each(function(){ var $videoButton = $(this); var videoString = $videoButton.attr('href').split("('")[1].split("')")[0]; var $galleryLightbox = $('div[data-html*="'+ videoString +'"]'); $galleryLightbox.parents('.sqs-block-gallery').hide(); // this is the line not being used in this page var $galleryLightboxImg = $galleryLightbox.find('img'); $videoButton.click(function(){ $galleryLightboxImg.hide(); // as to not show them before loading video $galleryLightboxImg.click(); }); $videoButton.attr('href', 'javascript:'); $videoButton.addClass('lightboxed'); }); }); function jqueryLightbox (videoString) { alert('jQuery not loaded'); } </script>
  4. Slightly related, exporting to wordpress is the second best backup solution you can have right now, while being the only one that will allow for importing later: http://answers.squarespace.com/questions/19617/can-we-duplicate-an-existing-site-on-squarespace/73710
  5. Yeah, precisely the whole procedure indeed. Also, you should try tunebeach's suggestion, which sounds awesome. ;)
  6. Sounds awesome! I'll try it next time I need one. :)
  7. I meant two codes from google. They're as different as the code in itself suggests: big-container and small-container. Sorry, I never meant this post to be easy to read for who don't know how to hack... It would become too big! :P
  8. And unlike dropbox or google drive, you don't offer a way to sync files to our end (though gDrive also has issues in this respect).
  9. As many have said, there is actually a third reason... But, on top of that, your reasoning for "not worrying" about the second reason is terrible. Backing up anything other than videos can never be enough. The more redundancy, the better! You really should add a true backup strategy for that alone.
  10. I found the answer here and there . Just embed it as you normally would then add this to the page advanced settings or as a new block of code: <style> @media (max-width: 550px) { .big-container { display: none; } } @media (min-width: 550px) { .small-container { display: none; } } /* Responsive iFrame */ .responsive-iframe-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .responsive-iframe-container iframe, .vresponsive-iframe-container object, .vresponsive-iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> Customize the 550px at your will. Make 2 embedded codes, one for small-container and one for the big. Then simply wrap your embedded ìframe with this: <div class="responsive-iframe-container big-container"> </div>
  11. Embedding it is simple enough. But that won’t work on smartphones or small devices quite well.
  • Create New...