「クリック」ボタンを取得して、画像がページの垂直方向の中央に配置されるように「mainImage」の余白を設定しようとしています。また、可能であればjQueryを避けようとしています(jQueryソリューションを見たことがありますが、私は一度に1つのことを学ぼうとしている学生です)
私の最終的な目標は、「次へ/前へ」ボタンをクリックしたときを除いて、「クリック」ボタンの機能を理解することです(現在の画像ではなく、新しい画像の数字を使用するようにします) )。
「クリック」ボタンを取得して、画像がページの垂直方向の中央に配置されるように「mainImage」の余白を設定しようとしています。また、可能であればjQueryを避けようとしています(jQueryソリューションを見たことがありますが、私は一度に1つのことを学ぼうとしている学生です)
私の最終的な目標は、「次へ/前へ」ボタンをクリックしたときを除いて、「クリック」ボタンの機能を理解することです(現在の画像ではなく、新しい画像の数字を使用するようにします) )。
一般的な手法は、top:50%を使用し、画像の高さの半分である負のマージン-topを使用することです:http://jsfiddle.net/TN6wW/29/