Changeset 87447 in spip-zone


Ignore:
Timestamp:
Feb 14, 2015, 2:24:25 PM (4 years ago)
Author:
p@…
Message:

Adapter la page de test de foundation 4

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/foundation-4-spip/trunk/content/tests-4.html

    r87445 r87447  
    5353
    5454        <ul class="small-block-grid-2 large-block-grid-4">
    55           <li><img class="th" src="../img/demos/demo1.jpg"></li>
    56           <li><img class="th" src="../img/demos/demo2.jpg"></li>
    57           <li><img class="th" src="../img/demos/demo3.jpg"></li>
    58           <li><img class="th" src="../img/demos/demo4.jpg"></li>
     55          <li><img class="th" src="http://lorempixel.com/800/800/"></li>
     56          <li><img class="th" src="http://lorempixel.com/800/800/"></li>
     57          <li><img class="th" src="http://lorempixel.com/800/800/"></li>
     58          <li><img class="th" src="http://lorempixel.com/800/800/"></li>
    5959        </ul>
    6060
     
    143143        <div>
    144144          <ul class="clearing-thumbs" data-clearing>
    145             <li><a class="th" href="../img/demos/demo1.jpg"><img data-caption="Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum." src="../img/demos/demo1-th.jpg"></a></li>
    146             <li><a class="th" href="../img/demos/demo2.jpg"><img src="../img/demos/demo2-th.jpg"></a></li>
    147             <li><a class="th" href="../img/demos/demo3.jpg"><img data-caption="Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus." src="../img/demos/demo3-th.jpg"></a></li>
    148             <li><a class="th" href="../img/demos/demo4.jpg"><img src="../img/demos/demo4-th.jpg"></a></li>
    149             <li><a class="th" href="../img/demos/demo5.jpg"><img data-caption="Integer posuere erat a ante venenatis dapibus posuere velit aliquet." src="../img/demos/demo5-th.jpg"></a></li>
     145            <li><a class="th" href="http://lorempixel.com/800/800/"><img data-caption="Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum." src="http://lorempixel.com/100/100/"></a></li>
     146            <li><a class="th" href="http://lorempixel.com/800/800/"><img src="http://lorempixel.com/100/100/"></a></li>
     147            <li><a class="th" href="http://lorempixel.com/800/800/"><img data-caption="Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus." src="http://lorempixel.com/100/100/"></a></li>
     148            <li><a class="th" href="http://lorempixel.com/800/800/"><img src="http://lorempixel.com/100/100/"></a></li>
     149            <li><a class="th" href="http://lorempixel.com/800/800/"><img data-caption="Integer posuere erat a ante venenatis dapibus posuere velit aliquet." src="http://lorempixel.com/100/100/"></a></li>
    150150          </ul>
    151151        </div>
     
    241241          <h4>Title</h4>
    242242          <p>Some text that people will think is awesome! Some text that people will think is awesome! Some text that people will think is awesome!</p>
    243           <img src="../img/demos/demo1.jpg">
     243          <img src="http://lorempixel.com/800/800/">
    244244          <p>More test.</p>
    245245          <a href="#" class="button">Button</a>
     
    315315            <ul id="featured1" data-orbit data-options="timer_speed:5000;">
    316316              <li>
    317                 <img src="../img/demos/demo1.jpg" />
     317                <img src="http://lorempixel.com/800/800/" />
    318318                <div class="orbit-caption">
    319319                  Caption One. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
     
    321321              </li>
    322322              <li>
    323                 <img src="../img/demos/demo2.jpg" />
     323                <img src="http://lorempixel.com/800/800/" />
    324324                <div class="orbit-caption">
    325325                  Caption Two. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
     
    327327              </li>
    328328              <li>
    329                 <img src="../img/demos/demo3.jpg" />
     329                <img src="http://lorempixel.com/800/800/" />
    330330                <div class="orbit-caption">
    331331                  Caption Three. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
     
    659659        <h4>Thumbnails</h4>
    660660
    661         <p><a class="th" href="../img/demos/demo1.jpg"><img src="../img/demos/demo1-th.jpg"></a></p>
    662         <img class="th" src="../img/demos/demo2-th.jpg">
     661        <p><a class="th" href="http://lorempixel.com/800/800/"><img src="../img/demos/demo1-th.jpg"></a></p>
     662        <img class="th" src="http://lorempixel.com/800/800/">
    663663
    664664        <hr>
     
    863863  </li>
    864864</ol>
     865
     866<script type="text/javascript">
     867  $(document).foundation('joyride', 'start');
     868</script>
Note: See TracChangeset for help on using the changeset viewer.