Tampilkan postingan dengan label fluid. Tampilkan semua postingan
Tampilkan postingan dengan label fluid. Tampilkan semua postingan

Rabu, 04 Desember 2013

ZEUS - Responsive Jquery & CSS3 Grid Slider (Sliders)

Zeus is an easy to use responsive Jquery & CSS3 Grid Slider.




FEATURES



  • Fully responsive – will adapt to any device

  • Slides can contain images, video, or any HTML content

  • Easy to use responsive grid layout

  • 20 different ready to use CSS3 animations (you can also add your css3 animations easily)

  • Multiple use in one page

  • Auto resized and centered images

  • Small file size (Compressed version is only 5KB!)

  • Simple to implement

  • Custom navigation support

  • Default skin is black. You can create new skins easily with editing a few lines of css code.

  • 8 example html file included

  • Autoplay available

  • Callback API

  • Working well with all latest Jquery versions

  • Well Documented

  • Cross Browser Support



You Might Also be Interested in Rock4life-WP



Royal 3D Carousel (Sliders)




Version 1.2 Release Date 05.09.2013



  • Fixed a bug with the scrollbar and mouse wheel scroll interaction.

  • Added a parameter in the constructor for the skin path such that the long graphics list is not necessary anymore.

  • Added keyboard navigation for the thumbnails that is also optional, it can be disabled in the constructor.



Version 1.1 Release Date 22.08.2013



  • Fixed a series of bugs related to IE7/IE8 and some constructor parameters issues.





Fully responsive 3D carousel that allows to display media or HTML content with an unique and original layout. It’s perfect for presentations, for anyone who wants to obtain a great impact on their visitors.




Two available display types: responsive / fixed and fluid width.




Packed with tone of options allowing you to control the layout of your 3D carousel in the way that pleases you the most.




Fully Responsive & Mobile Optimized (Smartphones & Tablets).




Support for old browsers like IE7 and IE8, on older browser that don’t support CSS3 the carousel will be displayed in 2D mode.




Support for images and HTML content.




Support for multiple categories and each category can have it’s own set of thumbnails.




Fast CSS3 & JavaScript engine.




Original media lightbox that we have coded, with image, vimeo, youtube or iframe support. The lightbox can be used when a thumbnail is clicked to display media content.




Royal 3D Carousel can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with html code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).




Three skins along with the PSD files included!




Detailed Documentation included!




Example pages included!

Swiper - Responsive Element Slider with Touch (Sliders)

Swiper is a Responsive element slider. Each element is a separate object which has a separate target link. Collection of elements makes a Slide.


Main Features:


  • -Fully Responsive

  • -Hardware Accelerated touch support

  • -Built With Bootstrap

  • -Well documented

  • -Easy to modify code

  • -Best for showcasing portfolio, clients, etc.


  • Support


    Feel free to drop your comments/ feedback in comments section. Mail us through our profile contact form for any support related questions.

    Everslider - Responsive jQuery Carousel Plugin (Sliders)



    Everslider is fully responsive, mobile optimized jQuery carousel plugin. It uses CSS3 transitions for animations with fallback to jQuery. Supports unlimited slides with any content. Everslider recognizes touchswipe, mousewheel and keyboard interactions and works in vast range of browsers starting with IE7 up to mobile browsers.




    • Fully responsive and mobile friendly

    • Retina-ready controls (PSD included)

    • Hardware CSS3 transitions with fallback to jQuery

    • Works in IE7+ and on Android and iPhone

    • Keyboard and mousewheel support

    • Drag and touchswipe support

    • Three carousel modes + autoplay (ticker)

    • More than 30 configuration options

    • API and callbacks

    • Unlimited slides that can have any content

    • Simple usage and clear documentation
    • Lightweight (only 20KB on disk)

    • Conflict-free jQuery plugin

    • JSHint compliant code



    Update to version 1.1 (30 Jul 2013)


    - refactored ticker code
    - added option to permit page scroll by vertical swipe gesture from within plugin
    - fixed problem when using Everslider with prototype.js
    - fixed flickering of ticker pause/play controls in Safari
    - fixed problem randomly preventing Everslider to resize when ticker is enabled




    Update to version 1.2 (12 Aug 2013)


    - added preloading
    - fixed timing for slidesReady() callback
    - “moveSlides” option can now accept special “auto” value to move exactly visible amount of slides
    - structure changes. Specifically class “es-slide” for individual slides was replaced with “es-slides” for whole UL list. Check instructions in documentation to update your code accordingly




    Update to version 1.3 (29 Sep 2013)


    - fixed problem with CSS3 animations on iOS7
    - fixed bug that was causing Everslider to become unresponsive on small screens in certain conditions
    - added new “syncHeight” option to dynamically adjust carousel height based on visible slides




    Update to version 1.4 (8 Oct, 2013)


    - added “fade” animation affect




    Update to version 1.4.1 (21 Oct, 2013)


    - fixed inability to set carousel items margin to 0 through itemMargin option
    - fixed issue with fitDelay and fitDuration options if they are passed as strings
    - fixed problem with ticker timeout that was not including animation duration for different effects




    Update to version 1.5 (11 Nov, 2013)


    - redesigned preview/demo page – check now!
    - added new configuration option “tickerAutoPlay”
    - added custom jQuery events and classes that will help adding animations to carousel items that run in sync with main carousel transition
    - updated documentation with examples how to add animation to carousel slides




    Update to version 1.6 (15 Nov, 2013)


    - added new plugin option “tickerHoverDelay” that delays pausing/resuming carousel on mousehover
    - made “fade” animation effect bi-directional with “fadeDirection” plugin option to change direction
    - added new API function slideTo() to rewind carousel to any position
    - added code that prevents dragging of images and links when touchswipe is enabled




    Credits and sources

    Photos in preview are from http://www.morguefile.com

    Responsive YouTube & Vimeo Playlist (Media)

    This responsive video plugin gives you a professional, mobile-friendly solution for streaming online video players on your website. It’s lightweight, cross-browser compatible, and comes with built-in support for YouTube and Vimeo media streaming.




    - NEW: Now supports YouTube Playlist IDs and Vimeo Album IDs




    - Supports YouTube & Vimeo streaming by URL.




    - Build a custom video player with an unlimited number of videos.




    - Bring videos together from both YouTube and Vimeo under a mobile-friendly, unified player.




    - Showcase your video media across all platforms and devices.




    A working demo, example code and full documentation is available in the download package. Thanks for your support!

    Megazoom Image Viewer (Images and Media)

    What is Megazoom ?



    The Megazoom plugin is a powerful, versatile, easy to use and customize image navigator for displaying large images prepared for showcasing products (high resolution product images, e.g. clothes, cars, technical schemes etc), displaying maps, and any other images, with its zooming, panning, dragging, navigation controls, scrollbar, zoom buttons,and highly customizable markers.It has a responsive layout making it perfect for any type of page layout.




    The Megazoom plugin is mobile optimized running great on iOS (iPad, iPhone), Android and Windows8 mobile devices and of course it works on every modern browser and older browsers like IE7 and IE8. We have tested it on IPAD3 and on a SAMSUNG GALAXY S3 and it runs great on both devices, follow the links to view this demos. Video demonstration on Android or Video demonstration demo on IOS.




    The Megazoom plugin can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the Megazoom must be installed manually with html code and the images uploaded with a ftp client, we have inclulded a tutorial about how to install it in Wordpress.




    We have also included full documentation, examples pages and PSD files along with five skins.




    Main features




    • Tons of options (check them out in our live previews).

    • Easy to use and install.

    • Fully Responsive & Mobile Optimized (Smartphones & Tablets).

    • Fast CSS3 & JavaScript engine with fall back on CSS1 for older browsers like IE7 or IE8 (exceptional performance!).

    • Responsive layout.

    • Three dispay types: responsive, fullscreen and lightbox.

    • Support for large image resolution, we have made successful tests with images up to 6000px width and/or height.

    • The zoom factor(maximum zoom level) and start/initial zoom factor (initial zoom level) can be specified.

    • The animation zoom speed and animation pan speed. can be set.

    • Double clik zoom and double clik zoom factor (optional).

    • Mouse wheel support on desktop.

    • Mouse drag on desktop or touch drag on mobile.

    • Gestures event support on mobile, the image can be zoomed with two fingers!.

    • Keyboard support (optional).

    • Animated preloader, the preloader text can be modified.

    • Navigator window (optional).

    • Complete control buttons bar with buttons.

    • All buttons are optional, the order of buttons can be set as you wish and they can be easily removed if one or more are not needed. Below there is an image illustrating some possible buttons order scenarios.


    • Pan buttons (optional).

    • Zoom in/out buttons plus scrollbar(optional)

    • Hide / show markers button (optional)

    • Info window button for showing a detailed custom made window which supports unlimited html content (optional).

    • Hide / show controller button.

    • Fullscreen button (optional)

    • Customizable buttons tooltips, the buttons tooltips text can be modified with ease based on the presented product type (please note that the buttons tooltips are optional).

    • Awesome markers / hotspots support! Three hotspots types (link, small info window and detailed info window) allowing to display information about the product on specific regions. The markers / hotspots can be set to be displayed only after a specified zoom factor.

    • The markers / hotspots can be of any size or shape and they can vary, for example if you want to add three link type hotspots each of them can have a different size or graphics, this applies to all markers/hotspots types. The markers also have support for animated gif.

    • Built in tool for finding the correct position of the marker / hotspot on an image Basically this tool allows to move a white box over the image and displays the current position and zoom factor this way is easy to set a marker over the image. Please note that the white box info will update even if the image is zoomed offering fine tune control. Below there is an image to ilustrate this tool.


    • Customizable custom right click menu (optional). Below there is an image to ilustrate this.


    • Five awesome skins along with the .psd files included (check them out in our live previews).
    • Detailed Documentation included!.

    • Examples files for each skin and display type included, this way the html can be copied and pasted into your html page!.

    • Many others features, all of them are explained in details in the documentation files.



    Special notes



    The gestures events only work on IOS (Ipad and Iphone) the other operating systems dose not support gestures events.




    Using the up and down keyboard arrows is also scrolling the browser if the keys are hold, this is something that can’t be prevented, the browser does not allow it. This behavior only applies if the display type is responsive or lightbox.




    Mobile devices operating systems are rasterizing the image, this means that if an image has 6000px in width the operating system will reduce the width based on it’s limits.

    Responsive YouTube & Vimeo Playlist (Media)

    This responsive video plugin gives you a professional, mobile-friendly solution for streaming online video players on your website. It’s lightweight, cross-browser compatible, and comes with built-in support for YouTube and Vimeo media streaming.




    - NEW: Now supports YouTube Playlist IDs and Vimeo Album IDs




    - Supports YouTube & Vimeo streaming by URL.




    - Build a custom video player with an unlimited number of videos.




    - Bring videos together from both YouTube and Vimeo under a mobile-friendly, unified player.




    - Showcase your video media across all platforms and devices.




    A working demo, example code and full documentation is available in the download package. Thanks for your support!