ウィンドウの読み込み時に中間イメージクラスを変更するスクリプトがありますが、その場所にある次のイメージの位置を変更するにはどうすればよいですか?最初の項目のみが変更されます。私はそれが実行されるかどうかを確認するために、すぐ下に重複機能を追加しようとしました。異なるイメージがその位置にある場合にスクリプトを再実行する方法
$(window).on("load", function scrolldim() {
var xHome = window.innerWidth/2;
var yHome = window.innerHeight/2;
var pElement = document.elementFromPoint(xHome, yHome).id;
$(".mid img").not(document.getElementById("#" + pElement))
.fadeTo("slow", 0.3);
if ($(".mid img").attr('id') == pElement) {
$("#" + pElement).fadeTo("slow", 1);
}
function scroll2() {
\t var xHome = window.innerWidth/2;
\t var yHome = window.innerHeight/2;
\t var pElement = document.elementFromPoint(xHome, yHome).id;
\t if ($(".mid img").attr('id') == pElement) {
\t $("#" + pElement).fadeTo("slow", 1);
\t }
}
}
あなたの投稿を再フォーマットしてください、本当に読みにくいです –
あなたのコードに何が間違っているかの例を追加できますか?作業中のスニペット/プランカー/ jsfiddleまたは類似のもの? – sielakos
ここには、より説明的な記事、同じ問題があります:http://stackoverflow.com/questions/38536222/need-to-dim-images-on-sides-of-main-image-in-slider –