Javascript 悬停时图像上的文本实现

我在我的投资组合中的幻灯片放映链接上使用了以下代码。它有一个部分用于照片，另一个部分用于标题，另一个部分用于附带的故事。它们都会随着“下一步”和“上一步”按钮同时更改。我试图在鼠标悬停在图像上时显示故事文本。我一直在尝试实现我在网上找到的各种代码，但到目前为止还没有实现。当我尝试的时候，要么是图像永远不会出现，要么是故事永远不会出现，我找不到解决的办法。我正在寻找的效果类型将是在这个链接的屏幕左侧中间的一个； 我想知道是否有人知道如何在我的代码中实现这个动画。我还想保持其他部分，如标题部分的功能相同

这是我目前正在使用的代码

下面是用于在上面的链接上创建悬停文本动画的代码，以防它可能有用。这是从他们的网站下载的代码

任何帮助都将不胜感激

(function($) {
    $.fn.capslide = function(options) {
        var opts = $.extend({}, $.fn.capslide.defaults, options);
        return this.each(function() {
            $this = $(this);
            var o = $.meta ? $.extend({}, opts, $this.data()) : opts;

            if(!o.showcaption)  $this.find('.ic_caption').css('display','none');
            else $this.find('.ic_text').css('display','none');

            var _img = $this.find('img:first');
            var w = _img.css('width');
            var h = _img.css('height');
            $('.ic_caption',$this).css({'color':o.caption_color,'background-color':o.caption_bgcolor,'bottom':'0px','width':w});
            $('.overlay',$this).css('background-color',o.overlay_bgcolor);
            $this.css({'width':w , 'height':h, 'border':o.border});
            $this.hover(
                function () {
                    if((navigator.appVersion).indexOf('MSIE 7.0') > 0)
                    $('.overlay',$(this)).show();
                    else
                    $('.overlay',$(this)).fadeIn();
                    if(!o.showcaption)
                        $(this).find('.ic_caption').slideDown(500);
                    else
                        $('.ic_text',$(this)).slideDown(500);   
                },
                function () {
                    if((navigator.appVersion).indexOf('MSIE 7.0') > 0)
                    $('.overlay',$(this)).hide();
                    else
                    $('.overlay',$(this)).fadeOut();
                    if(!o.showcaption)
                        $(this).find('.ic_caption').slideUp(200);
                    else
                        $('.ic_text',$(this)).slideUp(200);
                }
            );
        });
    };
    $.fn.capslide.defaults = {
        caption_color   : 'white',
        caption_bgcolor : 'black',
        overlay_bgcolor : 'blue',
        border          : '1px solid #fff',
        showcaption     : true
    };
})(jQuery);

谢谢大家!

我修改了你的代码