jquery.cjobjectScalerプラグイン(リンクテキスト)を使用していますが、制御できない状況のため、imgはdiv内でハイパーリンクされています...そのタグを「削除」する方法も、並べ替えることもできませんそれはまったく...
したがって、元の関数は次のとおりです。
$("#productGrid li img").cjObjectScaler({
destObj: $("#productGrid li img").parent("li"), // must be a jQuery object (required)
method: "fit", // can either be fit or fill (default fill)
fade: 800 // if a positive integer, will hide and fadeIn object n duration (default 0)
});
/* CSS for above */
ul#productGrid li {
position: relative;
display: block;
width: 190px;
height: 150px;
border: 1px solid #ccc;
float: left;
margin-right:
10px; margin-bottom:
10px; overflow: hidden;
}
そして、これは私が使おうとしているバージョンです...
$(".ffts a img").cjObjectScaler({
destObj: $(".ffts a img").parent("a"),
method: "fill",
});
/* css for above */
.ffts a {
width: 550px;
height: 300px;
}
/* here's the markup */
<div class="ffts">
<a href="/img" style="position: relative;">
<img src="/source/image.jpg" />
</a>
</div>
また、サイズは変更されますが、fftsに設定されたサイズには変更されません...そのスタイルがオーバーライドされていないことを確認したので、ここからどこに進むべきかわかりません...?