92 comments found

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
kglv Purchased

How add images to container dynamically with AJAX?

skyplugins

You need to create the markup on the fly and initialize the plugin upon load. You can do this with jQuery or some server side language such as php, etc. Requires additional programming.

Default-user
kglv Purchased

I need to add images to container after initialization of plugin.

I do:

$(’.sky-carousel-container’).append($(’<li>’).append($(’<img src=”pic1.jpg”>’)));

but the new items do not appear.

It seems I have to call some reInitialize method after new items added.

skyplugins

This won’t work because the plugin is initialized upon page load. You need to refresh the page or reload the markup programmatically.

  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
creatio Purchased

Is it possible to make the slider infinite scroll?

skyplugins

There is no infinite scroll but we do have a loop option. Please see the documentation http://www.skyplugins.com/sky-jquery-touch-carousel/documentation.html#plugin-options

skyplugins

You can achieve a fake loop by adding the same items multiple times. This won’t cause any bandwidth problems because modern browsers cache images and don’t download the same image twice. In brief, this will create a visual loop but unfortunately it won’t be infinite.

Regards, Sky Plugins

  • Bought between 50 and 99 items
  • Has been a member for 3-4 years
  • United Kingdom

Hiya, great work – can I make the background transparent and also the side masks? I am after a fade in effect either side, the plugin will sit atop a background picture.

Many thanks,

Johnny

Default-user

Hi,also can I use PNG files for transparency?

Thanks, Johnny

Default-user

Just to add, that where I am using this great slider, if I tap an icon when linked, it highlights the whole square (when using the circle style), I really need this to just highlight a circle, otherwise it looks a bit poor. Can you help with this at all? Thanks in advance!

Kind Regards,

Johnny

skyplugins

Hi,

You can try to remove the mask by editing the CSS files that come with the plugin. Masking is achieved by using overflow: hidden; css property, but there might be additional properties that you need to edit.

Regarding your second question; I think you can remove the rectangular highlight using CSS,

http://stackoverflow.com/questions/15156893/how-to-remove-the-border-around-image-appearing-after-clicking-on-the-image-in-g

but, CSS does not offer a circular outline, you should implement it yourself.

Regards, Sky Plugins

Default-user

Hi, sorry that didn’t really answer any of my questions. Maybe I can simplify them:

1. I wish to have a fade in effect at either end of the carousel but need the whole background to be transparent, so the alpha mask needs to fade into the background – I am not a coder, hence purchasing this code! Can you help?

2. Your code is operating in a frame inside a piece of code running on an iPad for an app I am creating. When I fix a link to one of the graphics, it momentarily puts a shadow over the whole div (square) in the same manner that you can when dragging your mouse or finger over a selection of divs, I require this to not be shown, can you suggest a way for this please? The div is square but the mask is a circle, sadly when I tap the button i shows the whole square of the div.

Hopefully that is fairly clear now! I appreciate your help.

Kind Regards,

Johnny

skyplugins

Hi,

1. You can change the background image (transparent or not) by editing the CSS files that come with the package. The fade in effect at either side will automatically fade into the background.

2. This might be related to iOS operating system and the safari browser. It could be hard to avoid this problem, because it might be related to the underlying architecture of the operating system.

If you are having difficulty when editing the CSS files please get in touch with a CSS/Javascript developer through codecanyon forums.

Regards, Sky Plugins

Default-user

Hi,

I have another issue that I need help with – when an item is clicked (or touched in my case as it is on the iPad) before activating the link, it advances the button, as if another move has been made in the carousel. This looks quite poor, is there a way of stopping this? Many thanks,

Johnny

Default-user

Hiya,

It’s OK, I have sorted that now.

Kind Regards,

Johnny

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
kjlil Purchased

Hi,

I’m enjoying working with your plugin, but I’m encountering an issue when trying to update the plugin programmatically. The markup is fully updated and I have tried recalling .carousel() as well as .init() and .updatePlugin(). A combination of these calls update the plugin, but the items in the carousel do no display properly (its like the carousel is slightly off center).

Am i missing a necessary call to complete the update?

Thanks

Default-user
kjlil Purchased

The items also do not snap correctly to their nearest items after calling init() & updatePlugin()

skyplugins

Hi,

Your approach looks correct to me, but I don’t suggest updating the markup using JavaScript because it was not designed dynamic markup update in mind. If you really need to update the markup, you can use a server side language to do it and refresh the page upon load.

Regards, Sky Plugins

Default-user
kjlil Purchased

I suppose my main issue is that calling carousel() doesnt reload the plugin. Is there a way of fully disposing of the carousel without reloading the whole page?

skyplugins

kjlil,

You might want to modify the original source code to the that. See the files under the src directory that comes with the package. Don’t forget to compile the source after your modifications.

Regards, Sky Plugins

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years

Hello, I purchased the item, I open one of the examples in my browser but it’s not responsive like the example on the website. Am I missing something? Thanks, Ryan

skyplugins

Hi,

You can follow the steps in the documentation to set it up responsive.

http://www.skyplugins.com/sky-jquery-touch-carousel/documentation.html#changing-the-size

Regards, Sky Plugins

  • Bought between 10 and 49 items
  • Has been a member for 5-6 years

Hi, I want to buy this plugin, but I’m not sure if I can use it for WordPress website. Can you tell me if this plugin works in WordPress?

Thanks,

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

$(function() { var carousel = $(’.sky-carousel’).carousel({ .... }); }); };

$("#target").click(function() {
    carousel.select(2, 4); // Select the 2nd item with 4 second selection animation
});

This code works great when calling it from a local page but i am wondering how would you call the carousel from an external page. For example when the user selects on a lnk on the navigation from the index page it will load the page the new page and then navigate through to a specific carousel item.

Thanks!

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi There,

Is there a way to have the Carousel cycle continuously through all the pics instead of starting at the first picture and ending at the last pic? Let me know.

Thanks! Tristan

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi,

I have made a Carousel that acts in the following way:
1. it runs in auto mode
2. it stops on hover
3. fancybox opens on click
4. Carousel starts to move again
5. When I close fancybox, Carousel has advanced in the meanwhile.

But I want the Carousel like this:
1. it moves in auto mode
2. it stops on hover
3. fancybox opens on click
4..When I close fancybox, Carousel goes back into auto mode (not before)

Can this be achieved?

Thanks Stefan

Default-user

sorry, I posted this on the wrong board

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi, could you help mw tih implementih carousel with visual studio, i tried putinng the sc-graphics in Content/Images and in Home/images but niether worked, where should i put it?

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi and thanks for the script.

It would be really nice to have the ability to turn off the advance on sc-selected click, while having selectByClick: true.

I would like the ability to select items in the carousel, except for the selected one, as a click on the selected item should execute another scipt (and keep the position as is).

Do you have a suggestion to what I can change in your source script to disable this advance function (and maintaining the selectByClick: true)?

Thank you in advance

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

I want to use this within sharepoint 2013. Is there any reason why it would not work the same as if I was not in sharepoint? Thanks

by
by
by
by
by
by