- Proyectos /
- Foro /
- WP Carousel /
- Setup the "Other carousel"
This topic contains 2 replies, has 2 voices, and was last updated by Sumolari 1 year, 7 months ago.
Setup the "Other carousel" 27/9/2011 at 20:17 #5918
Ola!
Thanks for your great plugin.
I instaled the plugin in wordpress and I would like to have something like your example “Other carousel” (http://demos.sumolari.com/wp-carousel/?p=22) runing on my page, but I don’t know how to set it up…
Can you help me, please?
I also would like to control the link on each slide. Is it possible?
Thanks for your attention.
Christian
Reply To: Setup the "Other carousel" 27/9/2011 at 20:28 #5920
To explain better, I would like it to apear like it is at this moment, skinless (http://casanoklabin.com.br/lojamoto/contato2/), but:
1) add arrows on both site, instead of the text “Back 1 pannel” or “Foward 1 pannel”.
2) Add the effect of going up when the mouse is over, like your “Other carousel” example (http://demos.sumolari.com/wp-carousel/?p=22);
3) Control the link of each slide. Instead of the link to the post, I would like to link to other pages of my website.
Thanks,
Christian
Reply To: Setup the "Other carousel" 28/9/2011 at 18:15 #5940
All the themes used in the demo are shipped by default with WP Carousel. That theme is named “Night Owl”.
1) I use a little CSS trick. Instead of using:
<a href="#" rel="nofollow">Link</a>
I use:
<a href="#" rel="nofollow"><span class="hide">Link</span></a>
And then with CSS I set the display of class .hide to none and the background of the a to the image I want.
2) It is just a jQuery effect. If is created with the following code:
jQuery(document).ready(function($) {
$(".theme-night-owl .panel").hover(function(){
$(this).animate({marginTop: "10px"}, 500);
}, function() {
$(this).animate({marginTop: "50px"}, 300);
});
});
3) Check the “Help” tab in WP Carousel admin page. There are answered a lot of questions, like how to set the link that will be displayed in the carousel.
This topic has been closed to new replies.