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

Caue

Member
  • Content Count

    90
  • Joined

  • Last visited

  • Days Won

    1
  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. @neeklamy not at all. That's not to say you couldn't find a similar tool for each other platform. I doubt one for wordpress would be this simple to build, though.
  5. This is absolutely awesome! Beautiful. :) You don't even need to open the console. You could simply use a "javascript:" on the url like this: javascript: var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://squarefront.squarespace.com/scripts/template-info.js'; document.head.appendChild(script); And then you can also select this and move into as a bookmark. There, we now have a simple "button"! :D
  6. basically same trick, using YUI javascript: http://answers.squarespace.com/questions/35218/disable-grid-views-lightbox/38178
  7. http://talk.cregox.com/t/remove-any-image-click-link-lightbox-from-gallery-page/7513/2?u=cawas similar answer, before I even saw yours ;P
  8. Yeah, precisely the whole procedure indeed. Also, you should try tunebeach's suggestion, which sounds awesome. ;)
  9. Sounds awesome! I'll try it next time I need one. :)
  10. 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
  11. And do you happen to know where I can find a list with all the ID s and correspondent template? Or would I have to look one by one? That nerdy data thing is awesome, and it might help if we're lucky enough to find the own squarespace template's site within its search, but I couldn't.
  12. 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>
  13. Embedding it is simple enough. But that won’t work on smartphones or small devices quite well.
  14. answers is not a forum and this is not an answer... it's hardly an usefull comment. I'm puzzled this gets more votes than actual useful answers below.
×
×
  • Create New...