この Jquery 関数を使用しているので、html で関連する alt タグを使用して画像の上にキャプションを表示します。表示されるテキストのスタイルを設定できるようにしたいのですが、これを行う方法があるかどうか疑問に思っていました。これが私が使用しているコードです。
$(function () {
var show = false;
$(".thumb").mouseenter(function () {
var $t = $(this);
var $d = $("<div>");
$d.addClass("desc").text($t.attr("alt")).css({
width: $t.width(),
height: $t.height() - 20,
top: $t.position().top
});
$t.after($d).fadeTo("fast", 0.3);
$d.mouseleave(function () {
$(this).fadeOut("fast", 0, function () {
$(this).remove();
}).siblings("img.thumb").fadeTo("fast", 1.3);
});
});
$('#caption-toggle').click(function() {
if (!show) $('.thumb').trigger('mouseenter');
else {
$('.thumb ~ div').fadeOut("fast", 0, function () {
$(this).remove();
}).siblings("img.thumb").fadeTo("fast", 1.0);
}
show = !show;
});
});
ほとんどの人がこのサイトの同様の質問に「いいえ」と答えていますが、これが可能かどうかを確認するために自分自身に尋ねたかった. 乾杯!