prettyPhoto change title on hover over thumbnail

Question

Я использую prettyPhoto версию: 3.1.6 для отображения простой лайтбокс с миниатюрами. Обычно атрибут заголовка появляется внутри лайтбокса для активного/выбранного изображения. Мой клиент попросит об этом изменении http://i.stack.imgur.com/7932x.jpg Как я могу это сделать?

Вот часть моего кода

<a rel="prettyPhoto[pp_gal]"href="1.jpg" title="Staring at the sun"><img src="2.jpg"></a> 

Answer 1

попробовать эту функцию JQuery. Возможно, вам придется немного придумать его.

(function($) 

{ 

$.fn.avia_activate_lightbox = function(variables) 

{ 

var defaults = 

{ 

autolinkElements: 'a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href$=".mov"] , a[href$=".swf"], a[href$=".flv"] , a[href*="vimeo.com"] , a[href*="youtube.com"]' 

}; 

var options = $.extend(defaults, variables); 

var imagedefaults = 

{ 

autolinkImages: 'img[title!=""]' 

}; 

return this.each(function() 

{ 

var elements = $(options.autolinkElements, this), 

lastParent = "", 

counter = 0; 

var images = $(imagedefaults.autolinkImages, this), 

imgcounter = 0; 

var alltitlesalt = new Array(); 

var alltitles = new Array(); 

images.each(function() 

{ 

if($(this).attr('alt') != undefined && $(this).attr('alt') !="") 

{ 

alltitlesalt.push($(this).attr('alt')); 

} 

else 

{ 

alltitlesalt.push(""); 

}; 

alltitles.push($(this).attr('title')); 

}); 

elements.each(function() 

{ 

var el = $(this), 

parentPost = el.parents('.post-entry:eq(0)'), 

group = 'auto_group'; 

if(parentPost.get(0) != lastParent) 

{ 

lastParent = parentPost.get(0); 

counter ++; 

} 

if((el.attr('rel') == undefined || el.attr('rel') == '') && !el.hasClass('noLightbox')) 

{ 

el.attr('rel','lightbox'); 

el.attr('title',alltitles[imgcounter]); 

el.attr('alt',alltitlesalt[imgcounter]); 

imgcounter ++; 

} 

}); 

if($.fn.prettyPhoto) 

elements.prettyPhoto({ "theme": 'premium_photo', 'slideshow': 5000 }); /* facebook /light_rounded/dark_rounded/light_square/dark_square */ 

}); 

}; 

})(jQuery); 

Reference