Witam,
Potrzebuje dodać w skrypcie jquery do kazdego elementu DOM "bID" ktory rowna sie jakiejs liczbie (block id)
Walcze z tym od wczoraj ale nie potrafie tego ogarnac... czuje sie jakbym od nowa wynajdowal kolo :)
Moze ktos podpowie jak to ogranac?
$.each(thumbs, function(index, value) {
if (!(index % 6)) {
$("#thumbs" + bID + " .first"+bID+).width($("#thumbs" + bID + " .first").width() + 230);
var li = $("#thumbs" + bID + " .first"+bID+).append('<li style="float:left;width:230px"');
$("#thumbs" + bID + " .first"+bID+" li").last().append("<ul class='second"+bID+'" style="float:left; width:230px; height:340px;padding:0px'"");
}
$("#thumbs" + bID + ".first ul").last().append('<li style="margin-bottom:8px; display:block; float:left; width:115px;margin-right:0px"><a style="opacity:0.6;display:block" rel="group" href="' + biglinks[index] + '"><img src="' + thumbs[index] + '" alt="" class="photo"></a></li>');
});
$('#thumbs' + bID + ' a').live('click', function() {
$('#pic' + bID + ' img').css({opacity: 0});
$('#pic' + bID + ' a').attr('href', this.href);
$('#pic' + bID + ' img').attr('src', this.href).animate({opacity: 1});
$('#thumbs' + bID + ' .current').removeClass('current');
$(this).addClass('current');
return false;
});
$('a[rel=prev],a[rel=next]').live('click', function() {
var thumbs = [], curr = i = 0;
$('#thumbs' + bID + ' a').each(function() {
thumbs.push(this);
if ($(this).hasClass('current')) {
curr = i;
i++;
}
})
thumbs = [].concat(thumbs.slice(curr), thumbs.slice(0, curr))
if (this.rel != 'prev')
thumbs.push(thumbs.shift())
else
thumbs.unshift(thumbs.pop())
$(thumbs).removeClass('current').eq(0).addClass('current')
$('#pic' + bID + ' img').css({opacity: 0});
$('#pic' + bID + ' a').attr('href', thumbs[0].href);
$('#pic' + bID + ' img').attr('src', thumbs[0].href).animate({opacity: 1});
$('#thumbs' + bID + ' a.current').trigger('changeImg')
return false
})
$('#thumbs' + bID + ' a').each(function() {
var tmp = new Image()
tmp.src = this.href
})
$('#thumbs' + bID + ' a.current').live('changeImg', function() {
$('#thumbs' + bID + '>ul>li').each(function() {
if ($('.current', this).length)
$(this.parentNode).animate({left: '-' + this.offsetLeft + 'px'})
})
return false
})
$('#thumbs' + bID + ' li>a').css({opacity: .6}).live('mouseover', function() {
$(this).stop().animate({opacity: 1})
}).live('mouseout', function() {
$(this).stop().animate({opacity: .6})
})
$('a.button').trigger('mouseover')
$('#content>li').hide()
</script>
<script type="text/javascript" src="<?php echo $this->getThemePath(); ?>/js/colorbox/colorbox.js">
</script>
dodanie kodu do posta
- @furious programming