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，咱们再从新编写代码试试看