1 (edited by nakome 2015-02-11 02:09:58)

Topic: Responsive slideshow

Note: This plugin will not have more updates


I created a simple slideshow hope you like.
Preview.
http://i.minus.com/i602qwzTNqAFD.gif
Options:

  • Unlimited photos

  • Auto: Animate automatically, true or false. Default true

  • Speed: Speed of the transition, in milliseconds   Default 500

  • Pager:Show pager, true or false Default true

  • Nav: Show navigation, true or false Default true

  • Pause: Pause on hover, true or false Default true

  • Namespace: centered-btns,transparent-btns Default centered-btns

Full shortcode

{responsiveslides 

      files="path/to/file1.png|path/to/file2.png|path/to/file3.png"   // internal or external  url.
      auto="true"            // Boolean: Animate automatically, true or false
      speed="750"         // Integer: Speed of the transition, in milliseconds                 
      pager="true"           // Boolean: Show pager, true or false
      nav="true"            // Boolean: Show navigation, true or false
      pause="true"           // Boolean: Pause on hover, true or false
      namespace="centered-btns"   // Boolean: centered-btns,transparent-btns.

Shortcode for preview:

{responsiveslides files="path/to/file1.png|path/to/file2.png|path/to/file3.png"  }

Documentation jQuery: viljamis.com

jQuery not include Plugin here

Web Preview for few days

Download 1.1.0

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

Re: Responsive slideshow

Looks Good! smile

Monstra Loves You! Give some love back!

Re: Responsive slideshow

Thanks smile

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

Re: Responsive slideshow

>>Max 5 photos ( I think enough )
You can add more photos. Use this practice: http://forum.monstra.org/post/472/#p472 smile

Monstra Loves You! Give some love back!

Re: Responsive slideshow

Update and edit post

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

Re: Responsive slideshow

Good Work) keep going)

Monstra Loves You! Give some love back!

Re: Responsive slideshow

Thanks Awilum

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

Re: Responsive slideshow

why didnt work at my site sad

Show me only file1.png  picture. Not slide

im using this code

{responsiveslides files="path/to/file1.png|path/to/file2.png|path/to/file3.png" }

i didnt change anything.

http://s7.postimage.org/3r80k4ugr/ekran.png

9 (edited by nakome 2012-09-28 20:43:35)

Re: Responsive slideshow

have you jquery initiate? not  include in plugin sorry I edit the post.
you have a preview online?

Example:

Preview

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

10 (edited by thehackmail 2012-09-28 21:03:07)

Re: Responsive slideshow

i made it . thanks very much:)

im working on localhost

11 (edited by nakome 2012-09-28 21:08:58)

Re: Responsive slideshow

Thank you for using the plugin. wink

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

Re: Responsive slideshow

how i can do no-click slide photos? when i click slide get photo (ex. http//xx//xxx.jpg)

Re: Responsive slideshow

Easy:

In responsive.slides.php  ( folder plugins/responsiveslides/ )

Line 86

            foreach ($_files as $key => $value) {

            $result .= '<li><a href="'.$value.'"><img src="'.$value.'" alt="'.(isset($_titles[$key])?$_titles[$key]:'').'"/></a></li>';

            }


Change for this:

            foreach ($_files as $key => $value) {

            $result .= '<li><img src="'.$value.'" alt="'.(isset($_titles[$key])?$_titles[$key]:'').'"/></li>';

            }

responsiveslides.plugin.php

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

Re: Responsive slideshow

Thanks very much, u re Great big_smile

Re: Responsive slideshow

Thanks to you for using it   wink

..::: Moncho Varela ::::..   ..::: @Nakome ::::..   ..::: Github ::::..

Re: Responsive slideshow

Sorry but I simply cannot manage to get this thing up and running.
I installed the Jquery plugin, but there's still only one image and no sliding mechanism visible.

Pleeeease help me.