jQueryを使用してコンテンツをスライドさせるときに画像を修正するためのHTMLとCSS

Question

私の質問は難しいとは思わないが、私はウェブデザインの初心者であり、このフォーラムでこれを手伝ってくれることを願っている問題：div内のコンテンツをスライドさせるときにイメージを修正したい。簡単にあなたは私がより多くのボタンを読んでクリックすると画像がコンテンツと一緒に移動することがわかりますので、ここで

を理解するあなたは、この2枚の絵について一目を取ることができますが、問題は、私はしたいですそれを最初のように左上に固定する。ここでは、コードの私のサンプルフォーマットである：私はCSSのポジショニングを使用して、その画像を囲むテーブル、TR、TDなどの各要素のクラスやIDを設定することで、多くの方法を試してみた

<div> 
<table> 
    <tr> 
     <td> 
     <table class="table1"> 
      <tr class="left"> 
       <td class="left-image"> 
        <img>My image on the left goes here 
       </td> 
      </tr> 
     <table> 
     </td> 
     <td> 
     <table class="table2"> 
      <tr class="right"> 
       <td>My content on the right goes here</td> 
      </tr> 
     </table> 
     </td> 
    <tr> 
</table> 

それを修正し、それが移動します私がウェブサイトをスクロールダウンしたり、作業していなくても、私はこの問題を克服して悪いプログラミングスキルを向上させるのに役立ついくつかのソリューションを皆さんに提供してくれることを願っています。そんなに進んでいただきありがとうございます！

Answer 1

たぶん、この読みましたか？

Answer 2

これはCSSだけでも実行できます。ここにはjavascriptやjQueryが必要ありません。

約position: fixedhere

#myImage { 
    position: fixed; 
    top: 10px; 
    left: 100px; 
}