在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):tutorialzine/touchTouch开源软件地址(OpenSource Url):https://github.com/tutorialzine/touchTouch开源编程语言(OpenSource Language):JavaScript 52.2%开源软件介绍(OpenSource Introduction):jQuery TouchTouchA jQuery 1.7+ plugin that makes it easy to display a set of photos on your site as a touch-optimized photo gallery. Highlights
How to useUsing it is simple. Drop the touchTouch folder (you can find it in the download under assets/) somewhere in your website folder tree. After this, include touchTouch/touchTouch.css in your <head>, and touchTouch.jquery.js right after the jQuery library. The script depends on jQuery 1.7 or above. After you do all this, simply call the gallery as a regular jQuery plugin: $(function(){
// Initialize the gallery
$('.thumbs a').touchTouch();
}); You must pass anchor elements which point to images in their href attributes for the gallery to work. In addition to conveying which images are to be displayed in the gallery, this also provides a graceful fallback in case JavaScript is not available. Multiple GalleriesTo show specific sets of pictures, add a "data-gallery" attribute to either: Each of the anchor tags you want in that set, with a unique value. <a href="image.jpg" data-gallery="hongkong" title="Lion Rock"></a> Or: Any ancestor containing the elements selected by the plugin. Note that this method takes priority if both are used on the same set. <ul data-gallery="hongkong">
...
</ul> Of course you can ignore all this and all selected elements will be displayed. LicenseReleased under the MIT license DemoGo to Tutorialzine for a live demo. |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论