WNHacker
(Lord218)
#1
Witam wszystkich.
Czy ktoś z was może wie jaki slider jest umieszczony w tym szablonie: http://www.elegantthemes.com/preview/TheSource/ ?
Chciałbym sobie taki umieścić na swojej stronce, tzn. taki na całą szerokość strony, jak w tym szablonie wyżej.
A może ktoś mi poleci jakiś inny fajny pod wordpressa?
Z góry dzięki i pozdro.
Podejrzenia są 3 co do slidera na stronie:
1)et_switcher jeuqy
2)http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/
3)http://www.serie3.info/s3slider/demonstration.html
Z kodu skryptu na stronie widać, że to raczej 1 funkcja odpowiada za slider:
if ($featuredArea.length) {
$featuredArea.et_switcher({
useArrows: true ,
auto: true,
autoSpeed: 5000
});
};
if ($all_tabs.length) {
$all_tabs.et_switcher({
linksNav: 'ul#tab_controls li a'
});
};
Niestety nie znalazłem nic na temat tego 1 et_switcher. Możliwe, że to jest jakiś slider stworzony przez twórców strony.
api
(Sitemaster)
#3
Tak jak napisał maki, wystarczy zaglądnąć w źródło strony - znaleźć tam można taki oto kodzik
(function($)
{
$.fn.et_switcher = function(options)
{
var defaults =
{
slides: '>div',
activeClass: 'active',
linksNav: '',
findParent: true, //use parent elements in defining lengths
lengthElement: 'li', //parent element, used only if findParent is set to true
useArrows: false,
arrowLeft: 'prevlink',
arrowRight: 'nextlink',
auto: false,
autoSpeed: 5000
};
var options = $.extend(defaults, options);
return this.each(function()
{
var slidesContainer = jQuery(this);
slidesContainer.find(options.slides).hide().end().find(options.slides).filter(':first').css('display','block');
if (options.linksNav != '') {
var linkSwitcher = jQuery(options.linksNav);
linkSwitcher.click(function(){
var targetElement;
if (options.findParent) targetElement = jQuery(this).parent();
else targetElement = jQuery(this);
if (targetElement.hasClass('active')) return false;
targetElement.siblings().removeClass('active').end().addClass('active');
var ordernum = targetElement.prevAll(options.lengthElement).length;
slidesContainer.find(options.slides).filter(':visible').hide().end().end().find(options.slides).filter(':eq('+ordernum+')').stop().fadeIn(700);
return false;
});
};
jQuery('#'+options.arrowRight+', #'+options.arrowLeft).click(function(){
var slideActive = slidesContainer.find(options.slides).filter(":visible"),
nextSlide = slideActive.next(),
prevSlide = slideActive.prev();
if (jQuery(this).attr("id") == options.arrowRight) {
if (nextSlide.length) {
var ordernum = nextSlide.prevAll().length;
} else { var ordernum = 0; }
};
if (jQuery(this).attr("id") == options.arrowLeft) {
if (prevSlide.length) {
var ordernum = prevSlide.prevAll().length;
} else { var ordernum = slidesContainer.find(options.slides).length-1; }
};
slidesContainer.find(options.slides).filter(':visible').hide().end().end().find(options.slides).filter(':eq('+ordernum+')').stop().fadeIn(700);
if (typeof interval != 'undefined') {
clearInterval(interval);
auto_rotate();
};
return false;
});
if (options.auto) {
auto_rotate();
};
function auto_rotate(){
interval = setInterval(function(){
var slideActive = slidesContainer.find(options.slides).filter(":visible"),
nextSlide = slideActive.next();
if (nextSlide.length) {
var ordernum = nextSlide.prevAll().length;
} else { var ordernum = 0; }
if (options.linksNav === '')
jQuery('#'+options.arrowRight).trigger("click");
else
linkSwitcher.filter(':eq('+ordernum+')').trigger("click");
},options.autoSpeed);
};
});
}
})(jQuery);
var $featuredArea = jQuery('#featured'),
$all_tabs = jQuery('#all_tabs');
if ($featuredArea.length) {
$featuredArea.et_switcher({
useArrows: true ,
auto: true,
autoSpeed: 5000
});
};
if ($all_tabs.length) {
$all_tabs.et_switcher({
linksNav: 'ul#tab_controls li a'
});
};
Jak w komentarzu widnieje, et_switcher plugin v1.3
Obstawiam, że to kod autorski lub modyfikacja wykonana przez autorów templatki.
WNHacker
(Lord218)
#4
Jest dokładnie jak mówicie, znaczy piszecie. To autorski skrypt wbudowany w szablon.
Może wiecie jakim mógłbym go zastąpić? Chodzi mi o darmowy plugin do wordpressa lub jakiś skrypt z pomocą jak go wbudować w szablon wordpress.
system
(system)
#6
A może coś takiego?
http://www.hugoandcat.com/DualSlider/index.html
Rewelacyjnie wygląda i jest całkowicie za darmo. I Do dowolnej modyfikacji
Tylko trzeba to przekodować żeby tytył i opis czerpało z bazy wordpressa.
Ja niestety nie znam się na kodowaniu i ciężko mi idzie.
Ktoś może wie jak to zrobić???