$(function(){
var pic = {"exuberance_1":{"Full_size":"img/photos/exuberance_1.jpg","Thumb":"img/thumbs/Th_exuberance_1.jpg","background":"black","Title":"This is called Exuberance 1","Desc":"Exuberance 1Description£95 per meter at 160cm wide.A wide range of fabric types are available.
E.g. different weight cottons and silks, cotton canvas,cotton velvets,viscose velvets.
All designs can be printed at different scales"},
"exuberance_2":{"Full_size":"img/photos/exuberance_2.jpg","Thumb":"img/thumbs/Th_exuberance_2.jpg","background":"black","Title":"This is called Exuberance 2","Desc":"Exuberance 2Description£95 per meter at 160cm wide.A wide range of fabric types are available.
E.g. different weight cottons and silks, cotton canvas,cotton velvets,viscose velvets.
All designs can be printed at different scales"},
"partyexotic_1":{"Full_size":"img/photos/partyexotic_1.jpg","Thumb":"img/thumbs/Th_partyexotic_1.jpg","background":"black","Title":"This is called Party - Exotic","Desc":"Party - ExoticDescription£95 per meter at 160cm wide.A wide range of fabric types are available.
E.g. different weight cottons and silks, cotton canvas,cotton velvets,viscose velvets.
All designs can be printed at different scales"},
"partyred_3":{"Full_size":"img/photos/partyred_3.jpg","Thumb":"img/thumbs/Th_partyred_3.jpg","background":"black","Title":"This is called Party - Red","Desc":"Party - RedDescription£95 per meter at 160cm wide.A wide range of fabric types are available.
E.g. different weight cottons and silks, cotton canvas,cotton velvets,viscose velvets.
All designs can be printed at different scales"},
"partyturquoise_1":{"Full_size":"img/photos/partyturquoise_1.jpg","Thumb":"img/thumbs/Th_partyturquoise_1.jpg","background":"black","Title":"This is called Party - Turquoise","Desc":"Party TurquoriseDescription£95 per meter at 160cm wide.A wide range of fabric types are available.
E.g. different weight cottons and silks, cotton canvas,cotton velvets,viscose velvets.
All designs can be printed at different scales"},
"poppy_1":{"Full_size":"img/photos/poppy_1.jpg","Thumb":"img/thumbs/Th_poppy_1.jpg","background":"black","Title":"This is called Poppy","Desc":"PoppyDescription£95 per meter at 160cm wide.A wide range of fabric types are available.
E.g. different weight cottons and silks, cotton canvas,cotton velvets,viscose velvets.
All designs can be printed at different scales"},
"rhythm_1":{"Full_size":"img/photos/rhythm_1.jpg","Thumb":"img/thumbs/Th_rhythm_1.jpg","background":"black","Title":"This is called Rhythm","Desc":"RhythmDescription£95 per meter at 160cm wide.A wide range of fabric types are available.
E.g. different weight cottons and silks, cotton canvas,cotton velvets,viscose velvets.
All designs can be printed at different scales"},
"silvertwist_1":{"Full_size":"img/photos/silvertwist_1.jpg","Thumb":"img/thumbs/Th_silvertwist_1.jpg","background":"black","Title":"This is called Silver Twist","Desc":"Silver TwistDescription£95 per meter at 160cm wide.A wide range of fabric types are available.
E.g. different weight cottons and silks, cotton canvas,cotton velvets,viscose velvets.
All designs can be printed at different scales"},
"trapeze_1":{"Full_size":"img/photos/trapeze_1.jpg","Thumb":"img/thumbs/Th_trapeze_1.jpg","background":"black","Title":"This is called Trapeze 1","Desc":"Trapeze 1Description£95 per meter at 160cm wide.A wide range of fabric types are available.
E.g. different weight cottons and silks, cotton canvas,cotton velvets,viscose velvets.
All designs can be printed at different scales"},
"trapeze_2":{"Full_size":"img/photos/trapeze_2.jpg","Thumb":"img/thumbs/Th_trapeze_2.jpg","background":"black","Title":"This is called Trapeze 2","Desc":"Trapeze 2Description£95 per meter at 160cm wide.A wide range of fabric types are available.
E.g. different weight cottons and silks, cotton canvas,cotton velvets,viscose velvets.
All designs can be printed at different scales"},
"truecolours_1":{"Full_size":"img/photos/truecolours_1.jpg","Thumb":"img/thumbs/Th_truecolours_1.jpg","background":"black","Title":"This is called True Colours","Desc":"True ColourDescription£95 per meter at 160cm wide.A wide range of fabric types are available.
E.g. different weight cottons and silks, cotton canvas,cotton velvets,viscose velvets.
All designs can be printed at different scales"}};
function addItem(ul) {
for (key in pic ) {
ul += '![](\"'+)
';
}
return ul;
}
//add image to the thumbnail list
var ul_content = $('#gallery').html();
//$("#desc").html("something in here"+pic.exuberance_1.Title + " is here
" + ul_content + " the END");
ul_content = addItem(ul_content);
$('#gallery').html(ul_content);
$('#gallery li').each(function(idx) {
$(this).data('index', (++idx));
});
$('#gallery').jcarousel({
scroll: 2,
visible:2,
initCallback: initCallbackFunction
})
function initCallbackFunction(carousel) {
$('#img').bind('image-loaded',function() {
var idx = $('#gallery li.active').data('index') - 2;
carousel.scroll(idx);
return false;
});
};
// load and fade-in thumbnails
$('#gallery li img').css('opacity', 0).each(function() {
if (this.complete || this.readyState == 'complete') { $(this).animate({'opacity': 1}, 300) }
else { $(this).load(function() { $(this).animate({'opacity': 1}, 300) }); }
});
$('#gallery').galleria({
// #img is the empty div which holds full size images
insert: '#img',
// enable history plugin
history: true,
// function fired when the image is displayed
onImage: function(image, caption, thumb) {
// fade in the image
image.hide().fadeIn(500);
// animate active thumbnail's opacity to 1, other list elements to 0.6
thumb.parent().fadeTo(200, 1).siblings().fadeTo(200, 0.6)
// $('#img').data('currentIndex', $li.data('index')).trigger('image-loaded')
$('#img')
.hover(
function(){ $('#img .caption').stop().animate({height: 50}, 250) },
function(){
if (!$('#show-caption').is(':checked')) {
$('#img .caption').stop().animate({height: 0}, 250)
}
}
);
var currentPic = window.location.hash;
var filePath = currentPic.match(/(.*)[\/\\]([^\/\\]+)\.\w+$/);
$("#desc").html(pic[filePath[2]].Desc);
},
// function similar to onImage, but fired when thumbnail is displayed
onThumb: function(thumb) {
var $li = thumb.parent(),
opacity = $li.is('.active') ? 1 : 0.6;
// hover effects for list elements
$li.hover(
function() { $li.fadeTo(200, 1); },
function() { $li.not('.active').fadeTo(200, opacity); }
)
}
}).find('li:first').addClass('active') // display first image when Galleria is loaded
$('#img .caption').css('height', 0)
$('#slideshow').hide()
// this one is for Firefox, which loves to leave fields checked after page refresh
$('#toggle-slideshow, #show-caption').removeAttr('checked')
$('#show-caption').change(function(){
if (this.checked) {
$('#img .caption').stop().animate({height: 50}, 250)
} else {
$('#img .caption').stop().animate({height: 0}, 250)
}
})
});