Code

Discussion on ScreenSlider - Reponsive Touch Presentation

Discussion on ScreenSlider - Reponsive Touch Presentation

By
Cart 151 sales

SOHN supports this item

Supported

26 comments found.

Hi, is there anysort of callback functions or triggered events when a slide is shown?

Hi,

ScreenSlider plugin does not have callback/trigger function when a slide is shown. If you want to add a trigger function you have to make it in the source code file (“screenslider.dev.js”).

At this time, I provide support via my support system. So, if you need further support, please go to: http://talk.sonhlab.com and open new tickets.

Kind regards.

Hi SOHN,

Are the pages produced coded with HTML? If so, I assume that one could put videos on the page?

Regards,

Gray

Hi,

Yes, the page is just HTML. You can add video (iframe) into it.

Kind regards.

Hi Great product. Miss more updates. How can I contact Shon? I need some additional features and would like to know if you will implement them soon or not.

Hi,

You can contact me via the form in my profile: http://codecanyon.net/user/SOHN#contact

Kind regards.

Is it possible to alter the transition effects? While the script itself has what I need, the “Fade” effect is something my client is requiring…. how would I achieve this?

Hi,

The plugin also have “fade” effect. You can use it like other effects by using HTML params (data-efin/data-fout).

Kind regards.

In response to David Diamond you noted you can create links to specific slides. Can you tell us how? Thanks!

Hi,

My answer is not about links. It’s about Title for Menu items. In default the menu items are just squares. Because all slides are in the same page so they use the same link.

If you want to add title for menu items you can customize HTML code:

Default:
<nav class="sl-navbar">
  <span class="sl-nav sl-active" />
  <span class="sl-nav" />
  <span class="sl-nav" />
  <span class="sl-nav" />
</nav>
Add some title:
<nav class="sl-navbar">
  <span class="sl-nav sl-active">Home</span>
  <span class="sl-nav">About</span>
  <span class="sl-nav">Blog</span>
  <span class="sl-nav">Contact</span>
</nav>

Then you also need to edit some classes ( nav/.sl-navbar, sl-nav, .sl-active) in css file to fit your needs.

Kind regards.

How do I make it swipe vertically?

Hi,

This plugin just support horizontal swipe, it does not support vertical swipe.

Kind regards

Is there any way to put screenslider on pause when pressing a button?

Seems that this does not work:

$("#opener").click(function () {
            $("#dialog").dialog("open");

            $('body').screenslider({
                slAutoPlay: 0 // 1: enable | 0: disable        
            });
        });

Hi,

With the code above, when you click on ”#opener” the screenslider will start to run not pause. At this current version, the plugin does not have pause and resume functions.

Kind regards.

Thanks,

Is there any chance that you will add pause/resume functions pretty soon? Or at least tell me a quick hack in you dev js to do this?

Thanks in advance,

Hi,

I will consider pause and resume functions in next update.

If you can customize javascript you can try to edit slAutoPlay function in line 626 – 655. Add some code or function to set ”$pause==true” and run “clearTimeout($timer)” function.

Kind regards.

Will your slider accept any html as content (not background)?

Yes, you can use any HTML in content.

Can the AutoPlay be disabled?

If so, then can I create a simple Nav bar with Text in Place of the existing navigation of small squares

Menu would be something like

[Tour] [Contact] [Factory]

Doing this would make your product suitable for a simple mobile website design on its own. A good idea for more sales

Hi,

1. You can disable AutoPlay easily.

2. You can edit Nav bar by editing HTML and CSS code ( you can add text or image icons if you want ).

Kind regards

Can the AutoPlay be disabled?

If so, then can I create a simple Nav bar with Text in Place of the existing navigation of small squares

Menu would be something like

[Tour] [Contact] [Factory]

Doing this would make your product suitable for a simple mobile website design on its own. A good idea for more sales

18 Feb 2013: Updated ver 1.2

great plugin and awesome support from Sohn. thanks much!

Thanks for your comment.

is it possible to have two buttons for < previous and > next ?

Hi,

At this time we have navigation buttons But do not have prev/next buttons. I will consider to add these buttons at the next update.

How can this be made xhtml compatible and is it possible on mouse over ?

Hi,

This plugin is made to comply with HTML5 . I have not tested it with other standards yet.

In current version, the plugin does not have features for mouseover event.

Kind regard

Hi,

I’m sorry but that makes no sense!

On my phone I can hardly touch the sides to slide and who will understand that uncommon behaviour anyway!?

Will there be a future update to correct that!?

If there is I buy it immediately!

Thanks! David

Hi,

I know the problem and I am trying to find the best solution for user behaviors.

Thanks for your comment.

Hi,

As long as the content is not "scrollable" up and down it will never work on a mobile phone.

When I look to the demo on my HTC one X I ’m not able to scroll the content up or down and the content has more height then my screen.

Any solution?!

(don’t understand why the scroll bars appear in my comment!)

Thanks! David

Hi,

On mobile phone you can touch on the the background ( not content area ) to scroll up/down.

Kind regards

Would it work ok to embed Vimeo videos on mobile platforms, or does it need a hack?

Thanks, Bob

Hi,

This plugin works well with videos.

Thank you for purchasing.

Is it possible to add a name (Home, About, Contact, etc) to each slide that will appear in the sliders’ menu?

Yes, you can.

I would like to swipe in all directions, not only left and right but also up and down to move from one slide to 4 different slides. Is it possible to extend your script?

I will consider your request. The swipe up/down features may conflict with scroll up/down features when the site is viewed on mobile devices and has a long content.

no Nav, Touch Screen

If you want to disable swipe feature you can edit in source code:

1. Open screenslider.dev.js in “js” folder.
2. Scroll to line 657-668 you will see the code for swipe feature. You can delete this code or comment it. Then swipe feature will be disabled.
3. Save the file. If you are using screenslider.min.js you need to change the link to screenslider.dev.js

Kind regards,

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey