Comments on: Sliding Boxes and Captions with jQuery

By: JJ

JJ — Tue, 07 Feb 2012 22:59:38 +0000

Andy – it looks like you need to modify the absolute position of the boxcaption element in the CSS. I added ‘top:170px;’ right below the position:absolute, in the .boxcaption class and it then starts my ‘black box’ 170px down.

My CSS is now:

.boxcaption{
float: left;
position: absolute;
top:170px;
background: #000;
height: 100px;
width: 100%;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=80)”;
}

By: 26 Excellent jQuery Image Gallery | Best Smashing

26 Excellent jQuery Image Gallery | Best Smashing — Mon, 06 Feb 2012 07:02:02 +0000

[...] Sliding Boxes and Captions with jQuery [...]

By: Anton

Anton — Sun, 05 Feb 2012 18:22:42 +0000

Hi. It doesn’t work normal when is in the begining of page. Anybody please Help!

By: mike

mike — Fri, 03 Feb 2012 18:19:38 +0000

if i stripped the margin out of the CSS, would it still work/ I am trying to achieve the effect that http://www.cigna.com uses

By: Andy Jones

Andy Jones — Thu, 02 Feb 2012 17:28:23 +0000

HI,

I love this – but for some reason, I cannot adjust the initial view.
When the page loads, the slider is across the whole of the image. When I rollover it, and then rollout, it goes to the correct position.

I can’t work out what I need to do!

Thanks! :)

By: » The best image gallery / slideshow plug-ins for jQuery DESIGNLANDER

» The best image gallery / slideshow plug-ins for jQuery DESIGNLANDER — Mon, 30 Jan 2012 05:23:55 +0000

[...] Go to the source page [...]

By: Tony

Tony — Sun, 29 Jan 2012 17:58:54 +0000

Hay, This is a very good and easy to use tutorial. Im trying to use the div class box.caption.full as in the tutorial. I have got the caption to slide up when the image is hovered over. The only problem I am having is that there is no background to it, so the writing is very hard to read. Any ideas? Any feedback would be greatly appreciated.
Tony

By: RandomWebDude

RandomWebDude — Fri, 27 Jan 2012 21:50:51 +0000

*facepalm*

By: 15个效果非常炫的jQuery插件 | 魅影视觉

15个效果非常炫的jQuery插件 | 魅影视觉 — Sat, 21 Jan 2012 05:59:28 +0000

[...] | Tutorial | [...]

By: Stock Market

Stock Market — Fri, 20 Jan 2012 10:41:38 +0000

Awesome query.must use it. It’s changing the look of our site.

http://www.sirfpaisa.com/stock-market-guide.php