обратный эффект лайтбокса

Question

Я ищу скрипт jquery, который делает этот эффект: http://tympanus.net/Tutorials/CSS3Lightbox/

В этом случае используется только CSS3, но я ищу jQuery, который будет использоваться в качестве запасного варианта для поддержки старых браузеров.

Кто-нибудь знает, как это можно сделать?

Спасибо.

Answer 1

Вы можете изменить этот скрипт, чтобы он немного отличался от значения непрозрачности, и он должен работать для вас: http://jsfiddle.net/Diodeus/gYyBL/

HTML:

<img src="http://i.imgur.com/vdDQgb.jpg" hoverImg="http://i.imgur.com/Epl4db.jpg"> 

JS:

$('body').find('*[hoverImg]').each(function(index){
    $this = $(this)
    $this.wrap('<div>')     
    $this.parent().css('width',$this.width())  
    $this.parent().css('height',$this.width())
    $this.parent().css('background-image',"url(" + $this.attr('hoverImg')+")")
        $this.hover(function() {
            $(this).stop()
            $(this).fadeTo('',.01)    
        },function() {
            $(this).stop()
            $(this).fadeTo('',1)             
        })                    
});