1

01-default.html と 17-responsive.html の 2 つの HTML ファイルを使用しています。最初の html ページにグリッド ビューの画像があり、任意の画像をクリックすると、2 番目の html ファイルからヘッダーとフッター付きの対応するフル サイズの画像が表示されます...

01-default.html ページ

ul id="Gallery" class="gallery">

    <li><a href='17-responsive.html#swiper-slide red-slide' ><img src="images/thumb/a.jpg" alt="Image a" width="230" height="348"/></a></li>
    <li><a href='17-responsive.html#swiper-slide blue-slide' ><img src="images/thumb/b.jpg" alt="Image b" width="230" height="348"/></a></li>
    <li><a href='17-responsive.html#swiper-slide orange-slide' ><img src="images/thumb/c.jpg" alt="Image c" width="230" height="348"/></a></li>
    </ul>   
 </div>

17-responsive.html ページ

 <div class="swiper-slide red-slide">
  <div >
   <img id="scream1" src="file:///android_res/drawable/a.jpg" >    
   <div class="Footer1">
 </div>
<div class="Header">
  </div>  
   </div>                        

 </div>                

        <div class="swiper-slide blue-slide">            
    <img id="scream2" src="file:///android_res/drawable/b.jpg" > 
  <div class="Footer1">
 </div>
<div class="Header">
  </div>  
   </div>           

     </div>

  <div class="swiper-slide orange-slide">
  <img id="scream3" src="file:///android_res/drawable/c.jpg" >       
           <div class="Footer1">
 </div>
<div class="Header">
  </div>  
   </div>               
     </div>

ここでの問題は、デフォルトでどの画像をクリックしても、17-responsive.html ページの最初の画像が表示されることです。クラス全体をフルサイズの画像、ヘッダー、フッターで表示したい。それでもうまくいかなかったように変わりました。私を助けてください...

4

1 に答える 1

1

01-default.html ページ

<ul id="Gallery" class="gallery">
    <li><a href='17-responsive.html#red-slide.swiper-slide' ><img src="images/thumb/a.jpg" alt="Image a" width="230" height="348"/></a></li>
    <li><a href='17-responsive.html#blue-slide.swiper-slide' ><img src="images/thumb/b.jpg" alt="Image b" width="230" height="348"/></a></li>
    <li><a href='17-responsive.html#orange-slide.swiper-slide' ><img src="images/thumb/c.jpg" alt="Image c" width="230" height="348"/></a></li>
</ul>

17-responsive.html ページ

<div class="swiper-slide" id="red-slide">
  <div >
    <img id="scream1" src="file:///android_res/drawable/a.jpg" >    
    <div class="Footer1"></div>
    <div class="Header"></div>  
  </div>                        
</div>                

<div class="swiper-slide" id="blue-slide">
   <div>    
      <img id="scream2" src="file:///android_res/drawable/b.jpg" > 
      <div class="Footer1"></div>
      <div class="Header"></div>  
   </div>           
</div>

<div class="swiper-slide" id="orange-slide">
  <div>
       <img id="scream3" src="file:///android_res/drawable/c.jpg" >       
       <div class="Footer1"></div>
       <div class="Header"></div>  
  </div>               
</div>

コードにいくつかの変更を加えて、これを試してください。

于 2013-10-23T07:01:29.550 に答える