Forum Replies Created

Viewing 10 replies - 1 through 10 (of 10 total)
  • It’s something to do with the containing DIV <div id=”fbalbumsync”></div>

    I have removed the front end HTML and pasted in back into the page outside of the ‘fbalbumsync’ div and the lightbox works, but once you drop the HTML for the image back within that div, it breaks.

    Mine operates exactly the same way MrSqurk

    (Also the loading.gif in the plugin is named wrong in the code hence the broken image link top left.)

    Playing about and testing the code I have found that the default code puts out the following…

    <a class="photolink" href="http://sphotos-b.ak.fbcdn.net/hphotos-ak-snc6/168702_164256273625794_5555704_n.jpg" rel="lightbox[galleryname]"><div class="photothumblarge" style="background-image: url(http://sphotos-b.ak.fbcdn.net/hphotos-ak-snc6/s320x320/168702_164256273625794_5555704_n.jpg)"></div></a>
       <div class="photothumblarge" style="background-image: url(http://sphotos-b.ak.fbcdn.net/hphotos-ak-snc6/s320x320/168702_164256273625794_5555704_n.jpg)"></div>

    Which does not fire the light box, but if you remove the last (repeated div photothumblarge it will work, any ideas how to stop it repeating this div?

    I too have the same issue, and have tried everything to change the code to reflect a standard lightbox (removing the image as a background in the div etc) but alas still opens in the browser, so for now I’ve included a target _blank – not ideal.

    I also tried this plugin on a clean WP install to see if I had any conflicting plugins but still doesn’t fire a lightbox.

    Any help would be great, as it’s a fantastic and time saving tool.

    Thread Starter stephen_lsd

    (@stephen_lsd)

    Nice site, looks really slick.

    Strange how it won’t move to the right of your menu though.

    #screenshot {
    	position:absolute;
    	margin-left: -125px;
    	border: 1px solid #573e38;
    	background: #735750;
    	padding:5px;
    	display:none;
    	color: #fefbf7;
    }

    I think I was able to move mine around by altering the margin-left.

    Thread Starter stephen_lsd

    (@stephen_lsd)

    great stuff… glad it works for you… took me a good while to solve it!!!

    Thread Starter stephen_lsd

    (@stephen_lsd)

    Amazing Ajgon, I had been frantically searching the web for fixes since one of my clients brought it to my attention 2days ago!

    Thread Starter stephen_lsd

    (@stephen_lsd)

    For some reason this is only working on my localhost, I have uploaded the functions file to my live site, and it’s no longer working!

    ——–

    Tweaked the code to this. And it works great now.

    add_filter( 'sanitize_html_class', 'dont_filter_hash', 10, 2 );
    
    function dont_filter_hash($sanitized, $raw) {
    
    if (!preg_match('#^http?://[a-z0-9-._]+\.[a-z0-9]{2,4}$#i', $raw)) {
        return $raw;
    
      } else { 
    
        return $sanitized;
    
      } 
    
    }
    Thread Starter stephen_lsd

    (@stephen_lsd)

    I think I have this solved, just shows, walking away from something for a weekend and coming back to it with fresh eyes works!

    Basically, I have added a filter to my functions.php to allow the formatting of the URL in the rel field for the custom menu

    add_filter( 'sanitize_html_class', 'dont_filter_hash', 10, 2 );
    
    function dont_filter_hash($sanitized, $raw) {
    
      if(!preg_match("#^http(s)?://[a-z0-9-_.]+\.[a-z]{2,4}#i", $raw)) {
    
        return $raw;
    
      } else { 
    
        return $sanitized;
    
      } 
    
    }

    Then, in the javascript instead of the class ‘screenshot’ being added to the ahref, I have applied it to a link within the list

    $(".screenshot a").hover(function(e){ as opposed to $("a.screenshot ").hover(function(e){

    Now I can add images to a tool tip rollover for specific links in my Nav.

    Ideally I’d love a custom field to feed this image url to the menu, but that sounds like a monster sized task!!!

Viewing 10 replies - 1 through 10 (of 10 total)