Hi Willr thanks for the reply yeah that way sounds a lot better, although I don't actually 100% understand, because the ID's I were calling were fancybox javascript, well I thought it was javascript??? I am just going off how the default fancybox file operated and I just copied that process.
My custom JS classes are here and I would call <a href="myimage.jpg" ID="single_image"> for example.
Javascript:
$(document).ready(function() {
/* This is basic - uses default settings */
$("a#single_image").fancybox();
$("a#example2").fancybox({
'titleShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic'
});
$("a#example5").fancybox({
'titlePosition' : 'inside'
});
/* Using custom settings */
$("a#inline").fancybox({
'hideOnContentClick': true
});
/* Apply fancybox to multiple items */
$("a.group").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false
});
});
So your saying I can put or transfer the above into CSS??? If that is so can you show me an example of how that single_image class would be written in CSS.
Thanks for the help