python-32：再一次源碼分析

爲了便於分析咱們先來看相冊的網頁：http://product.yesky.com/gshijie/sheying/35/51594035.shtml

圖片的兩端有小箭頭咱們點擊一下發現跳到下一張圖片http://product.yesky.com/gshijie/sheying/35/51594035_2.shtml

再往下點擊箭頭會發現咱們可以依次的瀏覽圖片，並且網址中變化的是最後面的_二、_三、_4 這些數字，因此咱們能夠判斷這裏的_二、_3 這些是大圖片的網址，好，如今咱們來看看網頁源碼

<!--圖集-->
<div class="pretj">
<div class="w1002">
<!--strat-->
<div class="effect">
      <div class="effect_top">
         <div class="effect_img" id="effect_img">
            <a class="effect_img_left" href="http://product.yesky.com/gshijie/sheying/35/51594035_14.shtml" target="_self"></a>
         <span><img src="http://image.tianjimedia.com/uploadImages/2015/065/00/53R466408947_1000x500.jpg" alt="移軸鏡頭紀錄夢幻風光大片" /></span>
            <a class="effect_img_right" href="http://product.yesky.com/gshijie/sheying/35/51594035_2.shtml" target="_self"></a>
         </div>
      </div>

      <div class="clear"></div>
      <div class="effect_bottom">
                                                                     <div class="effect_syz">
<div><span><a href="http://product.yesky.com/gshijie/sheying/27/51594027.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/33/1ODMD78HA21V_100x75.jpg" alt="極簡風光攝影 極簡的美" /></a></span></div>
<p><a href="http://product.yesky.com/gshijie/sheying/27/51594027.shtml">&lt;&lt;上一組</a></p>
</div>
                                     <div class="effect_scroll" id="scroll">
            <div class="viewport">
               <div class="overview" style="left: 0px; ">
<ul>
 <li  class="bottom_show"  >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/00/53R466408947_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_2.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/04/2G35M4E8Z02G_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_3.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/05/49668PQ83C03_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_4.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/08/XSV0L201TJZT_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_5.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/10/52W79EDV9L17_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_6.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/12/VF6PL1KAY078_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_7.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/14/T44Q6L17XU71_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_8.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/15/QZ44T6720BP6_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_9.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/16/XX4892N3WIGK_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_10.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/20/FQ18E5H5E17R_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_11.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/21/DOY6D79ZI40V_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_12.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/22/67S8GN16B1M9_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_13.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/22/1VQC6L13UY8F_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 <li >
<a href="http://product.yesky.com/gshijie/sheying/35/51594035_14.shtml"><img src="http://image.tianjimedia.com/uploadImages/2015/065/23/32OAC19Z4035_80x60.jpg" alt="移軸鏡頭紀錄夢幻風光大片_風光"/></a>
</li>
 </ul>
               </div>
            </div>
            <div class="effect_gbd">

咱們先看看<div class="effect">代碼塊裏面的內容，

<a class="effect_img_left" href="http://product.yesky.com/gshijie/sheying/35/51594035_14.shtml" target="_self"></a>
<span><img src="http://image.tianjimedia.com/uploadImages/2015/065/00/53R466408947_1000x500.jpg" alt="移軸鏡頭紀錄夢幻風光大片" /></span>
   <a class="effect_img_right" href="http://product.yesky.com/gshijie/sheying/35/51594035_2.shtml" target="_self"></a>

這裏有兩個網址和一張1000*500的圖片，爲了弄清楚他們表明的是什麼意思，因此我點開了這三個連接，最後發現effect_img_left是上一頁的網址，<img src 是當前頁顯示的大圖片，這就是咱們須要下載的大圖片，effect_img_right 是下一頁的網址，而下面<li  class="bottom_show"  >代碼塊裏面的網址和圖片分別是每一張大圖片的網址和對應的縮略圖，就是前面下載的80*60的圖片

那麼下載圖片的流程就很明確了，咱們先進入每一張圖片的網址（在<li  class="bottom_show"  >代碼塊裏得到），而後下載<div class="effect">裏1000*500的大圖片，OK，咱們再從新編寫代碼試試看