Nowadays iPhone and iPad (further iGadgets) are not something unfamiliar to us. Quite often website developers come across the tasks related to the realization of functional for these devices.
In this article, we will discuss the following: finger scroll and image optimization for Retina displays.
Finger Scroll
Finger Scroll is an integral part of iGadgets functional, for it makes the device's application more user-friendly. But is the realization itself easy? Library jQuery and
For the sake of an example, we will create a logotypes carousel feature that can be scrolled. Its realization is quite simple, indeed.
/* Carousel with wipe */ (function ($) { Drupal.behaviors.iDevelsPartnerSlide = { attach: function (context, settings) { var partnerList = $('.view-partner-programs.slide .view-content'); $('.pane-partner-programs.slide .pane-content').append('<div id="partner-prev" class="prev"></div><div id="partner-next" class="next"></div>'); partnerList.carouFredSel({ height: 90, width: 880, prev: '#partner-prev', next: '#partner-next', auto: false, scroll: { pauseOnHover: true, wipe: true } }); } })(jQuery);