Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="box1"><a href="#addimg" class="plus2"></a><div id="addimg" style="width: 17.4%;height: 25px;" class="white-popup mfp-hide">
- <input type="button" id="baddimg" style="float: left;" value="Añadir imágenes" onClick="addInput('dynamicInput');" />
- <div id="loading"></div>
- </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>
- <div class="jcarouselimgs" data-jcarousel="true">
- <ul class="popupimg">
- <li><a href="Imagenes/img1.png" class="image-link"><img src="Imagenes/img1.png" alt="Img1" title="Img1"></a></li>
- <li><a href="Imagenes/img2.png" class="image-link"><img src="Imagenes/img2.png" alt="Img2" title="Img2"></a></li>
- <li><a href="Imagenes/img3.png" class="image-link"><img src="Imagenes/img3.png" alt="Img3" title="Img3"></a></li>
- <li><a href="Imagenes/img4.jpg" class="image-link"><img src="Imagenes/img4.jpg" alt="Img4" title="Img4"></a></li>
- <li><a href="Imagenes/img5.jpg" class="image-link"><img src="Imagenes/img5.jpg" alt="Img5" title="Img5"></a></li>
- <li><a href="Imagenes/img6.jpg" class="image-link"><img src="Imagenes/img6.jpg" alt="Img6" title="Img6"></a></li>
- </ul>
- </div>
- </div>
- $(function() {
- var jcarousel = $('.jcarouselimgs');
- jcarousel
- .on('jcarousel:reload jcarousel:create', function () {
- var width = $('.box1').width();
- $(function() {
- $('.jcarouselimgs').jcarousel({
- // Core configuration goes here
- });
- $('.arrowimg-prev').jcarouselControl({
- target: '-=2'
- });
- $('.arrowimg-next').jcarouselControl({
- target: '+=2'
- });
- });
- $('.jcarouselimgs').css('width', width + 'px');
- jcarousel.jcarousel('items').css('width', width + 'px');
- });
- });
- })(jQuery);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement