Home \ Files \ WordPress \ Interface Elements \ Sliders \ TouchCarousel - Posts Content Slider for WordPress \

TouchCarousel - Posts Content Slider for WordPress

Prev 1 … 9 10 11 12 13 … 28 Next

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

latoyale

Good day,

How do I get the carousel to start off with another slide besides the first slide? I want to change the starting slide based on time of day. Right now, it flickers as it goes to the slide I want. I don’t want to see it go there on page load, I just want it t start there. My code is below for review.

My code is:


function timeOfDayImage() {
    var now = new Date;
    var timeNow = now.getHours();
    var sliderInstance = $("#carousel-gallery").touchCarousel({
    /* options go here */
}).data("touchCarousel");  

    if (timeNow < 17 || timeNow > 20) 
    {
    sliderInstance(3);  
         var night = $(".li").index();
sliderInstance.goTo(3);
console.log(working); 

    } else if (timeNow < 12) 
    {
        img = 'morning.gif'; altText = 'morning';
        var morning = $(".li").index();
        sliderInstance.goTo(2);
        console.log('morning'); 

    } else if (timeNow < 17) 
    {
        img = 'afternoon.gif'; altText = 'afternoon';
        var afternoon = $(".li").index();
sliderInstance.goTo(1);
console.log('afternoon'); 

    } else if (timeNow < 20) 
    {
        img = 'evening.gif'; altText = 'evening';
        var evening = $(".li").index();
sliderInstance.goTo(2);
console.log('evening'); 
    } else 
    {
        img = 'night.gif'; altText = 'night';
        var night = $(".li").index();
sliderInstance.goTo(3);
console.log('night');
       }

Semenov Author

Hi,

you can decrease a speed of carousel before changing slide, goTo, and then increase it back to normal. (sliderInstance.settings.transitionSpeed = 0).

Or use animateTo function, if you know X position of slide that you need.

Dmitry

Bought between 50 and 99 items
Has been a member for 1-2 years

hello_nifty

Is there a way to customize the slider to call up Pages instead of Posts?

Semenov Author

Hi,

Yes, you just need to select pages as a source.

Dmitry

hello_nifty

Awesome! Thanks!

Bought between 50 and 99 items
Has been a member for 4-5 years

samnait Purchased

Hi, can you give or guide me an example on how to create a slide where on a single post there are multiple images? For example a post called Monday has 15 images and all of those images will show on the slide?

Many Thanks, Sam

Semenov Author

Hi,

Create custom variable in format_variables function of TouchCarouselAdmin.php. Or Add custom field to post manually, that’ll have image URL in it.

Dmitry

Bought between 1 and 9 items
Exclusive Author
Has been a member for 2-3 years

driscoll62 Purchased

Hello! I love this slider but am having a little difficulty. My site is here: http://cameleonjackets.com/wholesale/

I can’t seem to get more than 6 images to show, even though I have it set to display all posts with category ‘Featured’ and there are 16 of those.

Also, I can’t get it to loop the images, even though I have that button checked in the settings.

Can someone please help me figure this out?

Thanks!

Semenov Author

Hello,

Make sure that there is no limit in slider set, or your theme doesn’t override query.

Looping images means that if you click on right arrow, it’ll slide back to first instead of being disabled. As you don’t have arrows, there is no looping.

Dmitry

Bought between 50 and 99 items
Has been a member for 5-6 years

cptnem0 Purchased

Hello,

Great plugin and concept here, cheers!

I am getting this error:

[17:55:47.197] $(”#touchcarousel-1”).touchCarousel is not a function @

My site here:

http://ephemurl.com/2d/y59

Semenov Author

Hi,

Just replied to your email.

Dmitry

Bought between 10 and 49 items
Has been a member for 1-2 years

kyledalan Purchased

Hello,

I’m using Carousel item layout 4 here: http://ec.moveitorloseit.org/start/ if you scroll to the right, the last post stops on the left most side of the slider creating a large black space to the right.

Is there a way to make the slider motion stop once the last post is within view, on the right hand side of the slider?

In your live example http://dimsemenov.com/plugins/touchcarousel-wp/#example-4 the same slider type I am using rotates to the beginning of the carousel once the user reaches the last slide. I would like my Carousel to function like that as well.

If this isn’t clear, let me know and I will try to explain better.

Thank you in advance for any help, Kyle

Semenov Author

Hello,

Increase items per move and enable paging, the value you set will be number of items on last page.

Dmitry

Bought between 50 and 99 items
Has been a member for 1-2 years

hello_nifty

Okay, one more question, does the plug in have to pull up ALL pages, or can I specify certain pages? The client has used pages for certain sections (About Me, Contact Us, etc.) that I don’t want in the slider, but I’d like the slider to pull up the “Channel” pages they have created. Is this something I can easily customize?

Semenov Author

Plugin can select group of pages by their taxonomies.

Dmitry

Bought between 50 and 99 items
Has been a member for 1-2 years

hello_nifty

I forgot to click the send me an email button.

If you could send me a message or an email, that would be fantastic!

Semenov Author

The problem is that I don’t know your email . Plugin can select group of pages by their taxonomies.

Dmitry

hello_nifty

Thanks! It’s hello at hellonifty dot com.

Bought between 1 and 9 items
Exclusive Author
Has been a member for 2-3 years

driscoll62 Purchased

Hello,

I tried your suggestion to take the limit off on the number of items but it still only shows 6 images. How do I check to see if my theme overrides Query as you suggest? Wouldn’t it just not work at all if this were the case?

This is the most I’ve ever paid for a plugin. If it doesn’t work with my theme, can I get a refund?

Semenov Author

Hi,

Send me access to admin through contact form on my profile page and I’ll take a look what’s wrong.

Are you sure that you have more then 6 posted posts with selected options?

Refunds can be done only by Envato support.

Dmitry

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

tinybites Purchased

Hi Dmitry,

Having some formatting issues. ~~Ref page~~

The carousel container is set as 590px wide by 400px high. WP thumbnail, full size, is 590×400. In general settings of TouchCarousel, height and width is set as 590×400.

On the actual page, the carousel is 590px wide, but the image is resized to ~570px and there is ~20px to the left of the image with a square bullet displayed. Because of the white space, the left arrow seems to come out of the container.

I had managed to remove the bullet with a {list-style: none} rule on the li.touchcarousel-item element, but I can’t seem to remove the white space itself, so I removed all my custom rules for you to see the whole issue.

What can I do remove this whitespace and get the full size of the image displayed?

1 older reply

Semenov Author

Hi,

Your theme styles add list-style-type property, which overrides slider settings.


.royalSlider ul,
.royalSlider li {
    list-style-type: none !important;
}

Dmitry

tinybites Purchased

Added your suggested code to the theme css and removed the deactivated Royal Slider plugin for good measure. Now the bullet is gone, but the 20px of white space that it was in is still there. Any ideas?

Semenov Author

Rest also margin then.


.royalSlider ul,
.royalSlider li {
   margin: 0 !important;
}

tinybites Purchased

That did the trick. Thanks so much!

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

kristopherk

I have a pre-sale question. Can this slider be used on an individual post to just display images attached to that single post? Or is it more of a home-page slider?

Semenov Author

Hi,

No, there is no such option. This feature will be added in new version of my RoyalSlider plugin.

Dmitry

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

s303ds Purchased

Hi Dmitry,

just set up the carousel on a site, and wanted to group the pages to show with taxonomies. I’ve registered taxonomies in my template, then added these to the pages i wanted to show up in the carousel, then have selected the taxonomy in the carousel admin. Everything went cool, taxonomies showed up, the carousel started to display the selected pages. And then came the horror part: touch and mouse drag navigation stopped working. Arrow navigation still works fine. What can i do, what did i do wrong? The site url is (under development) uvcreative.eu/hms

Thanks in advance,

Balazs

Semenov Author

Hi,

The first that I see, why do you set items per move to 14? Send me access to your admin through contact form on my profile page and I’ll take a look what’s wrong.

Dmitry

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

s303ds Purchased

Hi Dmitry,

i forgot: autoplay also stopped working.

Greets, Balazs

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

talraki Purchased

Hello!

We were impressed by the plugin so we just bought it. Although we can upload the photos which show correctly, none of the other functionalities seem to work, as for instance the scrolling, the sliding, the mouse dragging, the navigation arrows, auto-playing etc etc. Actually they don’t even show up. Can you please advise us accordingly, as we are looking to publish our website shortly and we need the plugin to work properly.

Thank you in advance.

Semenov Author

Hello,

Please send me a link to your site and I’ll take a look what’s wrong.

Dmitry

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

prelude Purchased

Hello, Is touchcarousel able to display posts from multiple taxonomies the same way it can display posts from multiple categories?

Semenov Author

Hello,

Yes, it should work fine. Just make sure that both of posts have correct taxonomies.

Dmitry

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

Raceman59 Purchased

I have two Carousel on my site (one in the footer) one on the page. They are both configured with uniques css to each Carousels and preload enabled.

This is causing a conflict among the two Carousels. The newest css takes precedence over the older Carousel’s css. The older Carousel is forced into looking like the newer css. IF I disable Preload on one Carousel, they BOTH look like the Carousel that still has preload enabled.

To be clear I MUST use preload with my theme or it will not show the Carousel on my homepage.

Thoughts?

I’ll be happy to send a screen cast to display the issue.

Richard

UPDATE : By targeting the Id properly with #footer-widgetized the CSS for each Carousel no longer conflict.

Kind of a dumb mistake, but I’m not deleting this post so that others may benefit.

Bought between 10 and 49 items
Europe
Has been a member for 1-2 years

PurpleNinja Purchased

Hi Dmitry, How can I show your plugin as a widget?

Semenov Author

Hi,

This will help you – http://www.wprecipes.com/how-to-add-shortcodes-in-sidebar-widgets

Also, you’ll need to check “preload files” option.

Dmitry

PurpleNinja Purchased

thnx a lot!!!!!!!!!!!!!

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

beloutte

Hi Dmitry, I bought royalslider and it’s wonderful I need now a responsive carousel plug-in, so I checked out your touchCarousel plugin, but… is it responsive ? I mean; I want a fullscreen carousel (like example 4 but fullwidth) with at least 1 element visible (for smartphones or very low screen width) Is it something I could manage with TouchCarousel ?

thanks

Semenov Author

Hi,

In TouchCarousel only width can be resized and only with free-scroll mode.

Dmitry

beloutte

ok thanks what’s free-scroll mode ? a particular layout ? do you think I can mange to resize the height with media queries without breaking the carousel ?

Semenov Author

Free scroll mode is this one – http://dimsemenov.com/plugins/touchcarousel/#carousel-gallery

There is no option to scale item individually, if you need responsive slider, so you should take a look at my RoyalSlider plugin. I’m planning to update it soon and it’ll include similiar feature.

Dmitry

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

droidus

Hi Semenov. I was just wondering if you could answer one quick question before I purchase.

Is it possible to replace the circular pagination buttons with either a text link (predefined or taken from post title), or a thumbnail?

Semenov Author

Hi,

No, ther eis no such option, but you can easily implement this with slider public methods and callbacks.

Dmitry

Bought between 10 and 49 items
Has been a member for 1-2 years

Ghettominibar Purchased

Hi Semenov, I got the slider running on http://www.citizenscience.nl/ (With your help), I was just wondering if I could prevent the slider from showing a whitespace after the last picture?

Semenov Author

Hi,

No, there is no such option, you may set size of one item so it is exact 1/3 of slider and it’ll fit whole area.

Dmitry

Ghettominibar Purchased

Ha, not an option but a solution. Much obliged!

Prev 1 … 9 10 11 12 13 … 28 Next

You must sign in or sign up to purchase this item.

This item is by an Elite Author

Semenov

Elite Author
Sold between 250 000 and 1 000 000 dollars
Has been a member for 4-5 years
Author was Featured
Ukraine
Author had a File in an Envato Bundle
Referred more than 2000 users
Bought between 10 and 49 items
Exclusive Author
Microlancer Beta Tester

View Portfolio

5 Star

63%

103
4 Star

22%

36
3 Star

6%

11
2 Star

2%

4
1 Star

4%

7

Created	31 January 12
Last Update	19 April 13
Compatible Browsers	IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome
Software Version	WordPress 3.5, WordPress 3.4, WordPress 3.3
Files Included	JavaScript JS, HTML, CSS, PHP, Layered PSD

© All Rights Reserved Semenov - Contact Envato Support

Follow Us

Subscribe to Blog
Follow us on Twitter
Be a fan on Facebook
RSS Feed

Help and Support

Knowledgebase
Contact Support
About Envato

Marketplace Members

2,714,496

Total Marketplace Items

3,534,410

Microlancer, the new platform for creative services like logo design and app icon illustration, from $50-$500.

Check out Microlancer

Envato

COPYRIGHT © 2013 ENVATO| TERMS OF USAGE| SUPPORT/HELP| ICONS BY TANGO + WEFUNCTION + FAMFAMFAM

Adobe®, Flash®, Flex®, Fireworks®, Photoshop®, Illustrator®, InDesign® and After Effects® are registered trademarks of Adobe Systems Incorporated.

by

by

by

by