[Brave Zeenat] Replacing front page slidehow with autoscroll WordPress
- REFUNDED
I'm currently building a portfolio website using the [[LINK href="http://www.dizenoco.com/brave-zeenat-free-wordpress-theme/"]]Brave Zeenat[[/LINK]] theme. I would like to change the front page slideshow to be changed from click-through to autoscroll.
From what I can gather, it uses jquery.tools.scroll.min 1.1.2 to handle the scrolling.
The index.php code can be viewed [[LINK href="http://wordpress.pastebin.com/faPwTuuG"]]here[[/LINK]]. The page in question is [[LINK href="http://wordpress.geek.nz/shaunpoh/"]]here[[/LINK]].
Any help would be appreciated. :)
Answers (2)
Denzel Chia answers:
Try this,
<script type="text/javascript">
$(document).ready(function() {
$("#main").scrollable({
vertical: true,
size: 1,
clickable: false,
keyboard: 'static',
onSeek: function(event, i) {
horizontal.scrollable(i).focus();
}
}).navigator("#main_navi").autoscroll({ autoplay: true });
var horizontal = $(".scrollable").scrollable({size: 1}).circular().navigator(".navi");
horizontal.eq(0).scrollable().focus();
});
</script>
Thanks
Matt Hancock comments:
That didn't work. You can still click through the images, but they don't autoscroll.
The page in question is at http://wordpress.geek.nz/shaunpoh/ in case you would like to see how it's being implemented.
Cheers :)
Denzel Chia comments:
How about this?
<script type="text/javascript">
$(document).ready(function() {
$("#main").scrollable({
vertical: true,
size: 1,
clickable: false,
keyboard: 'static',
onSeek: function(event, i) {
horizontal.scrollable(i).autoscroll({ autoplay: true }).focus();
}
}).navigator("#main_navi");
var horizontal = $(".scrollable").scrollable({size: 1}).circular().navigator(".navi");
horizontal.eq(0).scrollable().focus();
});
</script>
I do not have the theme and cannot test it out, so I am just giving you suggestions.
Thanks.
Matt Hancock comments:
Still not working. :(
The theme's free if you wish to download it and investigate it further.
Denzel Chia comments:
Hi,
I downloaded the theme, went to the theme author site but could not found any setup info.
After sometime, I found the help file within the theme.
Setting up the slider is too much of a hassle, need to add in own query.
I also need to add in test data and images.
Its taking up too much time for this price money's worth.
Sorry, I will have to drop this.
Thanks.
Matt Hancock comments:
Not a problem. Thanks for trying anyway. :)
Ehthisham tk answers:
First update your jquery.tools latest is 1.2.5
go here n scroll down
[[LINK href="http://ec2-174-129-56-191.compute-1.amazonaws.com:8080/tools/forum/35/36130"]]http://ec2-174-129-56-191.compute-1.amazonaws.com:8080/tools/forum/35/36130[[/LINK]]
Matt Hancock comments:
That's good, but I'm having a hard time trying to apply it to my situation.
I haven't used jQuery in the past, so please bear with me. :)