Coda Ajax Slider
Se ha seguido el tutorial Coda Slider Effect realizado por jQuery for Designers para de trabajos. Realizando algunos pequeños cambios al archivo coda-slider.js creado por jQuery for Designers para adaptarlo a las necesidades del theme.
Consigue los Mejores Sliders en Ajax →
Modificaciones realizadas
En esta parte del código se ha añadido “width: 946px” para adaptar el estilo al theme.
// collect the scroll object, at the same time apply the hidden overflow
// to remove the default scrollbars that will appear
var $scroll = $('#slider .scroll').css(
'overflow': 'hidden'
,'width': '946px');En la demo las imágenes de los botones se encuentran http://demo.wpesp.com/portfolio/wp-content/uploads/scroll_left.png, esta parte la deberás editar utilizando la dirección que hayas elegido para tus botones, por ejemplo, http://yoururl.com/wp-content/uploads/scroll_left.png.
// apply our left + right buttons
$scroll
.before('<img class="scrollButtons left" src="http://demo.wpesp.com/portfolio/wp-content/uploads/scroll_left.png" alt="Left button" />')
.after('<img class="scrollButtons right" src="http://demo.wpesp.com/portfolio/wp-content/uploads/scroll_right.png" alt="Right button" />');Se ha eliminado esta parte del código original, ya que en nuestro theme no se utiliza esta navegación. En el ejemplo de jQuery for Designers corresponde a la navegación superior.
// handle nav selection
function selectNav() {
$(this)
.parents('ul:first')
.find('a')
.removeClass('selected')
.end()
.end()
.addClass('selected');
}
$('#slider .navigation').find('a').click(selectNav);
// go find the navigation link that has this target and select the nav
function trigger(data) {
var el = $('#slider .navigation').find('a[href$="' + data.id + '"]').get(0);
selectNav.call(el);
}
if (window.location.hash) {
trigger({ id : window.location.hash.substr(1) });
} else {
$('ul.navigation a:first').click();
}También se han eliminado las siguientes líneas que corresponden al navegador anterior.
navigation: '.thumb a', onAfter: trigger, // our final callback
Top
27-12-2008 at %H:%M 03Sat, 27 Dec 2008 15:54:57 +000057.