Advertisement
Guest User

Untitled

a guest
Apr 23rd, 2014
45
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.05 KB | None | 0 0
  1. <div class="box1"><a href="#addimg" class="plus2"></a><div id="addimg" style="width: 17.4%;height: 25px;" class="white-popup mfp-hide">
  2. <input type="button" id="baddimg" style="float: left;" value="Añadir imágenes" onClick="addInput('dynamicInput');" />
  3. <div id="loading"></div>
  4. </div><a href="#" class="jcarouselimgs-control-next arrowimg-next"></a><a href="#" class="jcarouselimgs-control-prev arrowimg-prev"></a><h2 class="infotitle">OUR PORTFOLIO</h2>
  5. <div class="jcarouselimgs" data-jcarousel="true">
  6. <ul class="popupimg">
  7. <li><a href="Imagenes/img1.png" class="image-link"><img src="Imagenes/img1.png" alt="Img1" title="Img1"></a></li>
  8. <li><a href="Imagenes/img2.png" class="image-link"><img src="Imagenes/img2.png" alt="Img2" title="Img2"></a></li>
  9. <li><a href="Imagenes/img3.png" class="image-link"><img src="Imagenes/img3.png" alt="Img3" title="Img3"></a></li>
  10. <li><a href="Imagenes/img4.jpg" class="image-link"><img src="Imagenes/img4.jpg" alt="Img4" title="Img4"></a></li>
  11. <li><a href="Imagenes/img5.jpg" class="image-link"><img src="Imagenes/img5.jpg" alt="Img5" title="Img5"></a></li>
  12. <li><a href="Imagenes/img6.jpg" class="image-link"><img src="Imagenes/img6.jpg" alt="Img6" title="Img6"></a></li>
  13.  
  14. </ul>
  15. </div>
  16. </div>
  17.  
  18. $(function() {
  19. var jcarousel = $('.jcarouselimgs');
  20.  
  21. jcarousel
  22. .on('jcarousel:reload jcarousel:create', function () {
  23. var width = $('.box1').width();
  24.  
  25. $(function() {
  26. $('.jcarouselimgs').jcarousel({
  27. // Core configuration goes here
  28. });
  29.  
  30. $('.arrowimg-prev').jcarouselControl({
  31. target: '-=2'
  32. });
  33.  
  34. $('.arrowimg-next').jcarouselControl({
  35. target: '+=2'
  36. });
  37. });
  38.  
  39. $('.jcarouselimgs').css('width', width + 'px');
  40. jcarousel.jcarousel('items').css('width', width + 'px');
  41. });
  42.  
  43. });
  44. })(jQuery);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement