Selectively turn off lightbox function?

(14 posts) (4 voices)

1. 

   mjbruning
   Member

   The lightbox feature is perfect for portfolio posts, but is there a way to selectively turn off that function on a post header image? On my regular blog posts, the header images don't need to get any bigger than 568x240, so having a lightbox doesn't make sense for those particular posts. People get a rollover telling them they can magnifying the image, but since I don't have a bigger image, they get a lightbox popup with the same image as the post at the same size.

   Is this possible to do this?

   Posted 1 year ago #
2. 

   Dorian
   Support

   Hello mjbruning,

   To achieve this, open and edit the single.php file located in the theme's folder. Look for lines 60-64:

   <div class="img_loader blog_post_image bg_hover">
   		<a class="load_img" rel="lightbox" title="<?php the_title(); ?>" href="<?php echo $portfolio_link; ?>">
   			<span class="rm_img noscript"><img class="framed fade_hover" src="<?php echo $portfolio_full_resized; ?>" height="<?php echo $img_height; ?>" width="<?php echo $img_width; ?>"  alt="" /></span>
   		</a>
   	</div>

   Replace it with:

   <span class="rm_img noscript"><img class="framed fade_hover" src="<?php echo $portfolio_full_resized; ?>" height="<?php echo $img_height; ?>" width="<?php echo $img_width; ?>" alt="" /></span>

   This should do the trick!

   Let me know if it worked!

   Best Regards,
   Dorian

   Posted 1 year ago #
3. 

   winbach
   Member

   Greetings. How can I do this in the dejavu theme? My client hates the ghosted effect on the posts page when using the featured image.

   Posted 4 months ago #
4. 

   winbach
   Member

   that is the ghosted rollover effect...

   Posted 4 months ago #
5. 

   Elliott
   Support

   Hello winbach,

   Try opening up /wp-content/themes/dejavu/lib/scripts/custom.js and comment out or delete lines 30 - 39,

   /*
    * Hover fade
    */
   jQuery('.hover_fade_js').live('hover', function(e) {
   	if( e.type == 'mouseenter' )
   		jQuery(this).stop().animate({opacity:0.7},400);
   
   	if( e.type == 'mouseleave' )
   		jQuery(this).stop().animate({opacity:1},400);
   });

   Posted 4 months ago #
6. 

   winbach
   Member

   Will this turn off the lightbox as well on the post pages so the photo does not indicate a link when the curser brushes over it?

   Posted 4 months ago #
7. 

   Elliott
   Support

   No, are you wanting to take lightbox off? Send us a link to your page so we can see which image your referring to.

   Posted 4 months ago #
8. 

   winbach
   Member

   I am sorry I am so confusing...Like the original author of the post wanted to I would like to disconnect the lightbox feature on the individual post page for the Featured Image but still display the image at the top of the post. My client has turned the featured image off so I have no page examples for you. Thanks so much.

   Posted 4 months ago #
9. 

   Elliott
   Support

   Even if we take off the lightbox it will still link to your image when you click on it. You will have to disable the image when editing your post, http://mysitemyway.com/docs/index.php?title=Post_Options#Disable_Featured_Post_Image.

   And then insert your own. You can use our image_frame shortcodes for this. If you don't want it to link or use prettyPhoto then it would look like this,

   [image_frame link_to = "false" prettyphoto = "false"]link to your image[/image_frame]

   Posted 4 months ago #
10. 

    winbach
    Member

    Greetings. Now I am looking to completely turn off the ghosted effect on all photos. I did the change above but it did not cover all the photos. How can I disable the hover effect throughout the site? Thanks so much.

    Posted 4 months ago #
11. 

    Elliott
    Support

    Send us a link to your pages with the images and we'll take a look.

    Posted 4 months ago #
12. 

    winbach
    Member

    Greetings. How can I do this for the Myriad theme and Elegance themes as well?

    Thanks as always.

    Posted 3 months ago #
13. 

    winbach
    Member

    I commented this out on Myriad but the images from the portfolio still do the rollover fade when hovering thing. I am sure I am just not seeing something. thoughts?

    Posted 3 months ago #
14. 

    winbach
    Member

    Wait I figured it out in Styles.. YAY!!!

    Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.