Gick åt skogen, fick inte ens igång funktionen. Nåt som måste läggas till innan loadImages() för att dra igång det? Testade med $(function () { ... } men ingen lycka.
Säkert skitlätt men jag är ute på rätt så okänd mark, har kollat på w3schools med hittade ingen hjälp den här gången. :)
Jquery vill inte dra igång
22 svar · 1 501 visningar · startad av Mika3l · sida 2 av 2
var loadImageGallery = function(element, images) {
$(images).each(function (index, image) {
// create the LI programatically
var listItem = $('<li id="photo_' + index + '"></li>').attr('class', 'loading');
// append the new LI to UL
$(element).append(listItem);
// new image
var img = new Image();
// load image
var $img = $(img)
.wrap("<a/>")
.css('display', 'none')
.addClass('thumbnail')
.attr('src', '@Href("~/Content/Images/Photo/thumb_")' + image.name)
.load(function () {
listItem.removeClass('loading').append(this);
$img
.fadeIn()
.wrap("<a/>")
.parent()
.attr("href", '@Href("~/Content/Images/Photo/")' + image.name)
.attr("class", 'fancybox')
.attr("data-fancybox-group", 'a')
.attr("title", image.title);
}).error(function () {
listItem.remove();
});
});
};
Så har du två inparameter, vilket element du skall appendar till och vilka bilder.
$(function() {
var images = [
{ name: 'tryck_110316_0120.jpg', title: 'Tryck' },
{ name: 'tryck_110316_0067.jpg', title: 'Tryck' },
{ name: 'tryck_mode_110217_0007.jpg', title: 'Tryck' },
{ name: 'editorial_01.jpg', title: 'Newz' },
{ name: 'editorial_02.jpg', title: 'Newz' },
{ name: 'editorial_03.jpg', title: 'Newz' }
//{ name: '', title: '' },
];
loadImageGallery('ul#photo', images);
//loadImageGallery('ul#photo2', images); // Add images to ul#photo2 also....
});
anropar loadImagesGallery med bilder och lägg in den i rätt ul lista.
Tack som fan! :D
Finns bullar och kaffe om du har vägarna förbi Karlstad nån gång! ;)