jquery配列内の反応するimg

Question

jqueryで作成されたイメージ配列が見つかりました。私は配列内のimgを応答可能にしようとしています。究極の目標は、彼らが石積みを使って素敵な遊びをすることです。私はそれが石工が使用する一般的なグリッドクラスを持っているのです。私はそれだけで幅と高さだけで動作するようになったが、一緒に決してしなかった。私が何をやっているのか分からず、確かな答えを見つけることができませんでした。私が先に進み、石工スクリプトとコードサンプルを含める必要がある場合、私はできます。

私はjqueryやjavaではそれほど素晴らしいとは言えません。だから助けてください。

taylorbingham.com/サイトは、石工と共に実行されています。イメージはサイズ変更されません。

オリジナルのサイクルを作成したスクリプト。 http://jsfiddle.net/Kz6Gk/353/

マイ修正/コード https://jsfiddle.net/taylovision/gmxw6pbL/

.grid { 
    background: #DDD; 
} 

.grid:after { 
    content: ''; 
    display: block; 
    clear: both; 
} 

.grid-sizer, 
.grid-item { 
    width: 25%; 
} 

.grid-item { 
    float: left; 
} 

.grid-item img { 
    display: block; 
    width: 100%; 
} 

.slideshow-block { 
    width: 100%; 
    background: #111; 
} 

a.link { 
    width: 100%; 
    display: block; 
    z-index: 10; 
} 

a.link:hover { 
    display: block; 
} 

.slides { 
    width: inherit; 
    z-index: 0; 
    visibility: hidden; 
} 

.slides.active { 
    width: inherit; 
    visibility: visible; 
} 

.slides.active img { 
    width: inherit; 
    visibility: visible; 
} 

Answer 1

BLOCKQUOTE
あなたの問題は、ハードコードされた値を使用し、その親は、そのサイズを変更したときに更新されませんjQueryのサイクルのようです。それは反応しません。サイクル2を使用してください。 - Andrei Gheorghiu

Cycle 2問題を解決しました。

次のコードでは、解決するために含まれなければならなかった：

<div class="cycle-slideshow" data-cycle-fx="none" data-cycle-auto-height="calc" data-cycle-pause-on-hover="true" data-cycle-speed="0.5s">

この置き換え.slideshowブロック。スピードが宣言されていなければ、それは石積みで正しくロードされません。

大変ありがとうございました。