Tampilkan postingan dengan label slider. Tampilkan semua postingan
Tampilkan postingan dengan label slider. Tampilkan semua postingan

Kamis, 05 Desember 2013

ViewScrollr Pro: A Titanium ScrollableView Module (Titanium)

Latest Update: Version 1.0.1 (June 15, 2013)



ViewScrollr Pro is a content slider module for the Appcelerator Titanium Mobile framework. It provides the same features you would expect from a JavaScript content slider like Auto-Scrolling, Custom Navigation, Animated Content Blocks, etc…




Works with iOS and Android devices.







Getting Started Video Guide




Features



  • Embed YouTube & Vimeo Slides

  • Add Custom Navigation Colors (background, foreground, border, selected, etc…)

  • Enable Auto-Scrolling

  • Change Navigations Styles to Circle or Block Page Indicators

  • Three Different Slide Types (Image, View and Video)

  • Add Caption Text To Any Slide

  • Move Navigation to Top or Buttom

  • Add Animated Content Blocks (View Blocks) to Image or View slides

  • Animated Content can slide/fade in from left, right, top or bottom

  • Download includes a Demo Application

  • Use this module ot create Banner Sliders, Image Gallery, Product Tour, Video Gallery or Even a Presentation!



Full documentation included!.




Code Preview




Contact & Support


Support: http://m54.co/Support
Google+: http://m54.co/google
Facebook: http://m54.co/facebook
Twitter: http://m54.co/twitter
YouTube: http://m54.co/youtube
Website: http://Mode54.com

Changelog



Version 1.0.1 (Jun 15th 2013)


  • Add stop() function to component to stop animation of next slide

  • New event to support singleTap in image and view slides for iOS & Android

  • Update documentation and demo apps




Version 1.0.0 (May 16th 2013)
Initial release




Thank you!!


If you like this item and purchased it please rate it. Let us know if you have any problems before giving a negative rating or review… We can fix the product issues but we can’t change the rating.

site stats

Maximize - HTML5 & CSS3 Fullscreen Image Gallery (Tabs and Sliders)



Maximize fullscreen image gallery is suitable for any occasion, portfolio projects and online presentations. It’s made to be handled with ease and to adapt responsively to users screen size.





  • Clean design and commented code

  • Easy to customize to fit your design and color scheme

  • Made with pure CSS3 and HTML5

  • Responsive and adaptive to various screen sizes

  • 3 avaliable themes to get you started right away

  • Standalone, without complicated installations,

  • Lightweight – less than 13kb when minified



Need help? No worries, we’re just an email away


Contact us for issues, help and guidance.

If you like it, feel free to rate it – thank you :)


css contact, feedback, register forms

Reverie Responsive CSS3 Slider (Tabs and Sliders)

Reverie Responsive CSS3 Slider is created by purely use CSS3 and HTML5 elements. It is fully responsive slider which allow you add as many images as you want. It work with wide range of browsers including IE versions from IE9 to IE10. It allow you to change width and height of images and very easy to customize it. It have tool-tip on the slider images where you can add text and links etc. As you can see it have bullet point pagination and also LEFT/RIGHT arrow which use to navigate the slider.


The major difference to other slider is that this one is very light weight because of it’s only use CSS3, no java script or j query require. Another difference is , it is fully responsive and work well on different type of screen resolutions.


If you liked Reverie Responsive CSS3 Slider, please don’t forget to rate it!






Browser Support



  • Firefox 3,6,8,11

  • Chrome 15,20

  • Safari 5,5.1

  • Internet Explorer 9,10

  • iOS Safari

  • Opera 11,11.6



Device Support



  • Iphone

  • Desktop

  • Ipad


Features



  • * Fully responsive

  • * CSS3 transitions

  • * Works in desktop and mobile

  • * Allow html elementsinside slides

  • * Bullent pagination

  • * Next/prev controls

  • * Cross Browser compabilitly

  • * Simple and Clean Interface

  • * Just HTML5 and CSS3

  • * Easy Implementation

  • * Add more or less images

  • * Documentation


Need Helep ?


Feel free to Contact me for help and guidance if you get stuck.

CSS3 Zi-Popup Animated Image Sliders (Tabs and Sliders)

An animated image slider which pops up when clicked on a link. The popup has 8 effects when displayed same as the image slider has 8 effects when navigated to the next image.




Effects: Fading, Zoom In, Zoom Out, Slide left, Slide Right, Slide Top, Slide Bottom & Newspaper




Note: The images which shown on the demo are not available with this package, those images on demo are used for visual purpose only.




Please note that IE doesn’t support some CSS3 attributes.

GUGUL - Image Slider (Tabs and Sliders)














GUGUL – Image Slider



  • Based in Pure CSS3

  • If you like GUGUL, please don’t forget to rate…




Features



  • 8 STYLES

  • 25 ANIMATION EFFECTS

  • 2 SIZE


    • 800×600

    • 900×470


  • MULTI POSITION THUMBNAILS


    • Top, Right, Left, Bottom and over main photo


  • PURE CSS3/HTML5

  • ICON SUPPORT (240+)

  • CROSS BROWSER

  • EASY USE

  • DOCUMENTED


Inside Pack (Folder)



  • Bottom

    • Style1-1column

    • Style2-1column



  • Left

    • 1column

    • 2column



  • Right

    • 1column

    • 2column



  • Top

    • Style1-1column

    • Style2-1column



  • DOCUMENT


Support


Please send me an email to : amir.silent@gmail.com



Change Log



  • 19 July 13 – Version 1.0

    • Initial Release



  • 3 August 13 – Version 2.0

    • Edit Code

    • Added 2 Size (800×600)and(900×470)

    • MultiPosition Thumbnails (Top, Right, Bottom, Left and Over Main Photo)





See also



Negar – Responsive Animated Menu




 


 

CSS3 Interactive TV Image Slider (Animations and Effects)

An interactive image slider which is designed in the shape of Tv and its basic functionality.




Clicking on the power button will activate the slider and the controls gets displayed though which you can navigate to next or previous images. Once powered off the slider turns off. Each image has its individual single line comment with option of linking to another webpage.




Note: The images which shown on the demo are not available with this package, those images on demo are used for visual purpose only.




Please note that IE doesn’t support some CSS3 attributes.

CSS3 Animated Image Slider (Animations and Effects)

An animated image slider.



Showcase images on your website on interesting way.
The hand image has an animation like swiping the screen of an mini-ipad. On the swipe of the hand animation the image changes.



The mini-ipad purely designed on CSS


The images are clickable with links.



Note: The images which shown on the demo is not available on this package, those images on demo are used for visual purpose



Please note that IE doesn’t support some CSS3 attributes.



View in action: http://zigamers.com/codecanyon/slider/

Maximize - HTML5 & CSS3 Fullscreen Image Gallery (Tabs and Sliders)



Maximize fullscreen image gallery is suitable for any occasion, portfolio projects and online presentations. It’s made to be handled with ease and to adapt responsively to users screen size.





  • Clean design and commented code

  • Easy to customize to fit your design and color scheme

  • Made with pure CSS3 and HTML5

  • Responsive and adaptive to various screen sizes

  • 3 avaliable themes to get you started right away

  • Standalone, without complicated installations,

  • Lightweight – less than 13kb when minified



Need help? No worries, we’re just an email away


Contact us for issues, help and guidance.

If you like it, feel free to rate it – thank you :)


css contact, feedback, register forms

Reverie Responsive CSS3 Slider (Tabs and Sliders)

Reverie Responsive CSS3 Slider is created by purely use CSS3 and HTML5 elements. It is fully responsive slider which allow you add as many images as you want. It work with wide range of browsers including IE versions from IE9 to IE10. It allow you to change width and height of images and very easy to customize it. It have tool-tip on the slider images where you can add text and links etc. As you can see it have bullet point pagination and also LEFT/RIGHT arrow which use to navigate the slider.


The major difference to other slider is that this one is very light weight because of it’s only use CSS3, no java script or j query require. Another difference is , it is fully responsive and work well on different type of screen resolutions.


If you liked Reverie Responsive CSS3 Slider, please don’t forget to rate it!






Browser Support



  • Firefox 3,6,8,11

  • Chrome 15,20

  • Safari 5,5.1

  • Internet Explorer 9,10

  • iOS Safari

  • Opera 11,11.6



Device Support



  • Iphone

  • Desktop

  • Ipad


Features



  • * Fully responsive

  • * CSS3 transitions

  • * Works in desktop and mobile

  • * Allow html elementsinside slides

  • * Bullent pagination

  • * Next/prev controls

  • * Cross Browser compabilitly

  • * Simple and Clean Interface

  • * Just HTML5 and CSS3

  • * Easy Implementation

  • * Add more or less images

  • * Documentation


Need Helep ?


Feel free to Contact me for help and guidance if you get stuck.

Background slider for Prestashop (Prestashop)

Fullscreen background slider is an elegant solution for creative designs for your Prestashop template. You can add unlimited backgrounds which will be resizes to fill browser while maintaining image dimension ratio.


Display nice fullscreen background slideshow or just one background image. You can display different backgrounds per language and create random slideshows.



Features



  • Slideshow mode or display one image background (selected order or random)

  • Random slideshows

  • Seven different slide effects (Fade, Slide Top, Slide Right, Slide Bottom, Slide Left, Carousel Right, Carousel Left)

  • Set pause lenght between transitions and transition speed

  • Keyboard navigation on / off

  • Setup minimum height and width

  • Different backgrounds per language



Credits




Supersized


Images from Flickr: Sharon Mollerus and Simon Bouchard

Prestashop Fullscreen Background Slideshow (Prestashop)

Prestashop 1.5.x module for fullscreen background slideshow


Flag Counter

PS Social Blocks (Prestashop)

Prestashop social blocks module. Includes facebook like box, Twitter timeline.


Flag Counter

Product Tab Slider Opencart (OpenCart)

Product Tab Slider Opencart

Bitsgeo Folk Gallery (Galleries)

The revenue generator gallery plugin ‘Folk Gallery’ for Joomla’s K2 component. Convenient and easy to use, ‘Folk Gallery’ allows website owners to present multiple images on Joomla’s K2 items by utilizing a sleek gallery format. Ideal for all of your K2 articles, ‘Folk Gallery’ provides you with a means of generating money from AdSense and Joomla’s banner components.




Forget spending hours resizing images in Photoshop. ‘Folk Gallery’ allows users to upload images in any size format while the plugin also supports custom cropping & special effects along with other exciting features.




Excellent for News, Portfolio, blogs, e-commerce portal websites, ‘Folk Gallery’ allows you to engage with your readers, while also aiding your site to achieve a better Google ranking.




100% mobile responsive, each image gallery supports Google AdSense and Joomla’s core banner components allowing you to feature diverse advertisement campaigns that are report ready for your clients. Moble/tablet device friendly, the ‘Folk Gallery’ plugin has been tested on iOS and Android devices of various dimensions. By utilizing the “responsive” popup engines, you can also make the viewing experience better with touch support for navigating between images.




Powerful features include:




- Fully supports K2 Plugin framework
- Fully integrates with K2 (the popular content extension for Joomla!) inside the “Image Gallery” tab of the K2 item forms.
- Automated gallery suggestions within each single gallery to link all other galleries
- Slider/Gallery can be placed in all supported K2 positions
- Different K2 position per K2 item supported
- Bulk image uploads
- Drag & Drop image order
- Easy image resizing
- Cropping tool activated on each single image
- Drag and drop to create a crop area on the image.
- Control suggestion galleries counts
- Joomla core banner component compatible to show adverts within each gallery
- Flash/gif/jpg,HTML5 banners supported.
- Google AdSense ready for each single gallery.
- Adsense customised slots
- All clients’ adverts report ready for each single gallery.
- Image swipe effect for touch screens
- Sharing to Facebook, Twitter, Google+, Pintrest
- Control show or hide social button options
- Control show or hide thumbnails layer
- Customization width & height of image thumbnails
- Control show or hide captions
- Control show or hide full screen
- Control sidebar and advertising section for mobile layouts
- Customization for gallery suggestion boxes.
- Control image zoom for gallery slider.
- 100% SEO optimised.
- Unlimited anchors in descriptions, powerful content editor for each single image description
- Each image constrains crop proportions options
- Image rotations
- Image resizing drag and drop in the right
- Image brightness & contrast effects
- Image effects.
- Each image gallery title
- Adjust slideshow width and height main slider & thumbnail
- Multi-browser function

Background slider for Prestashop (Prestashop)

Fullscreen background slider is an elegant solution for creative designs for your Prestashop template. You can add unlimited backgrounds which will be resizes to fill browser while maintaining image dimension ratio.


Display nice fullscreen background slideshow or just one background image. You can display different backgrounds per language and create random slideshows.



Features



  • Slideshow mode or display one image background (selected order or random)

  • Random slideshows

  • Seven different slide effects (Fade, Slide Top, Slide Right, Slide Bottom, Slide Left, Carousel Right, Carousel Left)

  • Set pause lenght between transitions and transition speed

  • Keyboard navigation on / off

  • Setup minimum height and width

  • Different backgrounds per language



Credits




Supersized


Images from Flickr: Sharon Mollerus and Simon Bouchard

Testimonials Wordpress Plugin (Interface Elements)

Testimonials plugin for WordPress is responsive, the main propose of the plugin is to display testimonials, but it can be used for other proposes.


You can display the entries in 3 different Ways


1. Slider

In this slider you can display testimonials with 3 different style with a number of options you set such as ( Image Size,Image Radius,Number of items, Order By, Order, Auto Play, Pause On Hover, Buttons Visibility, Buttons Radius, Buttons Position, Scroll Duration, Pause Duration, Font Style).




2. Grid

The testimonials will also display it in a responsive grid with a number of column and with 3 different syles, depending on your settings.





3. List




A simple responsive list to display your testimonials in a simple way. depending on your settings.





You can customize the layout, with several layout options.


1. Items Style

You can display slider, grids, list with 3 different layout style with the information to the right, or below the image or above the image, depending on the settings.



a. Style 1



b. Style 2



c. Style 3



2. Image Size




You can display slider, grids, list with 4 different image size, depending on the settings.



a. Large



b. Medium



c. Small



d. Without Image

3. Image Radius




You can display slider, grids, list with 4 different image radius size, depending on the settings.



a. Large Radius



b. Medium Radius



c. Small Radius



d. Without Radius






4. Number of Columns




In the grid layouts you can choose how many columns you want to display. It responsive and adept in different screen sizes.



5. Border Style




You can display testimonials with 3 different options. depending on your settings.



- Border Color




You can change border color by select color from color piker in the settings.


6. Font Style

You can choose text font, font size, font color depending on the settings.


Group by categories



You can group testimonials by categories and you can display it by selected category or all of them.



Widget Ready


The shortcode will work on widget, just copy the shortcode in testimonials widget.


Shortcode Generator



The shortcode generator will make a preview of how the layout looks with the selected settings.








Version Log


2013/11/14 – version 1.2
Fixed "Testimonials Items number to show at most" bug.

2013/10/18 – version 1.1
Add categories, Fixed slider loading delay.

2013/09/30 – version 1.0
First stable release.