Does this work with responsive layouts

Hello,

Is it possible to have an effect like in this page (the three images in the carousel): http://demo.themesmania.com/clean_design/ ..if you see there is first displayed the title, then on hover it appears the description. I didn’t see this feature in the demo.

Hi,

Nice little script. Before buying, is it possible to display a title, then hover to display the full content/description?

That is, display the top lip, then the full box on mouseover.

Hi, Really love your plugin and just questioning if it work with an additional lightbox effect. Looks like I can include the “rel” in the href. Just wanted your POV . Thanks!

Thanks for the reply. Well pretty basic really. Right now the first row (block) in your demo has three images and all of them are 400px X 250px.

Will this work if they were different aspect ratios in that first row (block). Say three images but the first is 400px X 250px the next is 300px X 200px and the last is 275px X 275px.

Does that make sense? When I use firebug to adjust I am getting mixed results but I also know that the script has already fired.

Am I correct in assuming that this won’t work with variable height and width images in the same block? I would like to use this in a CMS and the user will be uploading their own images and all will invariably have mixed aspect ratios. Thanks!

Nice script (:

Is source code included? So I can have all my scripts in a single script.

i am thinking i am OVER thinking the issue. i ran some tests and things work very nicely.

Thank you VERY much GeertDD. I appreciate you’re active enrollment with helping me.

Cheers! ::clinking a ‘Rodenbach’::

sorry, bad bad sentence

original: “so in order to override this native 250px, must i assign and inline style to the div that wraps around the image?”

edit: so in order to override this native 250px, must i assign an inline style height value to the div wrapping around the image?

Paul

line 58: “The box needs to have an explicit height, otherwise when the content’s position is shifted,”

so in order to override this native 250px, must i assign and inline style to the div that wraps around the image?

My image heights vary.

Hello, great product.

question:

in the demo file, where is the element.style being pulled from? I see the following using firebug:

style=”position: relative; overflow: hidden; height: 250px;

most specifically, i’m wondering where the height assignment of 250px is being pulled from.

Thanks,

Paul

Sorry one mistake. Didn’t work out well in FF

So you only have to do the following change

// Show caption
var animateIn = function() {
$caption.show().stop(true).animate(captionIn, o.speedIn, o.easingIn);

Okay found it first set ul#portfolio p { display:none; margin:20px; } to display none

Then in your script add the following .show() add the end of the string

var animateIn = function() {
$caption.stop(true).animate(captionIn, o.speedIn, o.easingIn).show();

if (o.shiftContent) {
$content.stop(true).animate(contentIn, o.speedIn, o.easingIn).show();
}
};

The same goes for the Hide caption

Hai, thanks for the script. Works perfectly. However I have one problem. When refreshing the page (shift F5, also in your demo) I see the captions before the picture in all browsers This is because the js comes later and then set // Hide the caption when it’s outside $box.css(‘overflow’, ‘hidden’);

But I think this also can be set in the css so this won’t happen. any idea where to set this in the css ?

Thanks

I just purchased this file, and when i installed it on my site. On the pages that have the effect the page loads, and the screen is a transparent black. But when i click on the page it goes away. So i know it’s the script.

It almost acts as if your screen goes to sleep and then wakes up once the mouse is moved. I removed the Google script to make it point to my server but it’s still doing the same thing.

Please help.

I just purchased this item and am trying to integrate with jquery colorbox. When I click the “View Gallery” the image gets pushed to the top and doesn’t reset unless refreshed:

http://webedgedev.com/orion/portfolio.php

Please give me any assistance possible.

this is very handy, demos look great!.. well done

thats great i like it thanks

Nevermind, people can still go into the source code to find the imagelink, so my idea was a moot point… the script does what it’s supposed to and does it well.

I just purchased the script, is there someway to add a class to make the caption not go away? or perhaps a future feature?

I want to use it as a overlay copyright watermark.

Last Example on your Demo Page: ©2010 Photo by John Doe -> © 2010 domain.com

I want it to stay there regardless if I hover or not.

Yes I’m aware of that people can click View Image to get it without the “watermark”. I’ll have to see if I can come up with a fix for that.

Perhaps a script that replaces the image with a “this requires javascript picture” if javascript is disabled.