96 comments found

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.

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

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

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

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

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

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

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,

$(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!

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

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

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?

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

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

Hi Every one !

I have one question about “Sky jQuery Touch Carousel”. Anybody know if is possible to upload this plugin with wordpress 3.9.1?

Thks for your help !

RavivCo Purchased

Hi,
i am using the itemSelected.sc to get the current img source
that way:
m_carousel.on(‘itemSelected.sc’, function(evt) {
console.log(evt.item.image.src);
});
it works great but only after cycling the carousel.
i need to get the source also on the carousel load.
is there a way to do it?
Thank you

I am having trouble removing a thin gradiated line from the top left of the sky carousel container. I want to remove the background of the slider and make the item appear to be floating over a background image but cannot figure out how to remove this small line.

I have taken the base code and commented out each individual CSS item to see if I could hide it and it remains. I’ve also done this in the html and I can’t even figure out what container element this small line belongs to.

Here is a link to an example of what I am referring to. http://baumbergerwedding.com/main/index.html#linkpeople

If you can tell me where this line is contained or if you have a simple way to remove it that would be awesome. Thanks!

I seem to be unable to get images to center in the plugin. The current image appears right of center and the background images are not centered horizontally.

example here: http://lbldev.veritas-tech.net/

by
by
by
by
by
by