-
Posts
286 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by Graeme
-
-
Thanks you two, I'll pass on your advice, I can understand it fully and see your reasons. Just say the pop up was an option, how can this be done, JavaScript?
Best wishes
Graeme
-
hello all,
i help a friend with his web site and he would like to have people submit there e-mail address before being allowed access to the rest of the site. i think it's his idea of collecting e-mail addresses for a contact database. i'm not too sure about the idea but could this be done?
thank you as always
graeme
-
Thanks Andrea, will do
-
Hello,
I managed to resolve the issues with the tags, the page is still showing differently at the top in IE!
Could it be the browser on my PC as every other one is ok?
Graeme
-
Hey Andrea,
Thanks for this.
I tried validating and I see what you mean about several start/closing tag errors, it's got me confused though! What does
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
mean?
My <divs> have got me baffled!
Graeme
-
Hello All,
Trying to put a web page together, so far so good. It displays when tested locally and in FF and Chrome but when uploaded there is a big gap at the top but only in IE. A friend just checked for me and he says it's fine on his IE, could it be mine?
It's at www.burnmoorcc.org.uk/2bfit/index.html
Thank you
Graeme
-
I forgot to upload the new css folder, my apologies
Graeme
-
I mean the images for the buttons!
-
Hello Men,
I've put the two css files in the css directory as they were not weren't there! It's still not playing but I'm thinking the actual images might not be in the right folder, where should they be please?
Thanks again
Graeme
-
Hello Eddie,
Thanks so much for this.
I have in the 2bfit folder a folder called css and within this folder I have the files jquery.fancybox-buttons.css and jquery.fancybox-thumbs.css so I suppose it's like this 2bfit/css/jquery.fancybox-thumbs.css would that do?
Graeme
-
Hello Again,
For the link to be broken does this mean that the jquery.fancybox-buttons.css?v=1.0.5 file would have to be in the css directory as in the code <link rel="stylesheet" type="text/css" href="css/jquery.fancybox-buttons.css?v=1.0.5" />
Thank you again
Best wishes
Graeme
-
Aw man!
Thanks for that, I put the files in the correct directory and the link seems ok now but it still won't display the images, would you mind checking again?
Thank you so much
-
Thank you,
Is it the file paths in the CSS or the jQuery?
I can see this piece of code .fancybox-effects-b").fancybox does need altering?
Appreciate it loads, thank you again
-
Hello,
Thank you for your help. I've tried everything but still not getting there!
If I showed you the code (below) would you mind having a look?
<script type="text/javascript">
$(document).ready(function() {
/*
* Simple image gallery. Uses default settings
*/
$('.fancybox').fancybox();
/*
* Different effects
*/
// Change title type, overlay closing speed
$(".fancybox-effects-a").fancybox({
helpers: {
title : {
type : 'outside'
},
overlay : {
speedOut : 0
}
}
});
// Disable opening and closing animations, change title type
$(".fancybox-effects-b").fancybox({
openEffect : 'none',
closeEffect : 'none',
helpers : {
title : {
type : 'over'
}
}
});
// Set custom style, close if clicked, change title type and overlay color
$(".fancybox-effects-c").fancybox({
wrapCSS : 'fancybox-custom',
closeClick : true,
openEffect : 'none',
helpers : {
title : {
type : 'inside'
},
overlay : {
css : {
'background' : 'rgba(238,238,238,0.85)'
}
}
}
});
// Remove padding, set opening and closing animations, close if clicked and disable overlay
$(".fancybox-effects-d").fancybox({
padding: 0,
openEffect : 'elastic',
openSpeed : 150,
closeEffect : 'elastic',
closeSpeed : 150,
closeClick : true,
helpers : {
overlay : null
}
});
/*
* Button helper. Disable animations, hide close button, change title type and content
*/
$('.fancybox-buttons').fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
closeBtn : true,
helpers : {
title : {
type : 'inside'
},
buttons : {}
},
afterLoad : function() {
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
}
});
/*
* Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
*/
$('.fancybox-thumbs').fancybox({
prevEffect : 'none',
nextEffect : 'none',
closeBtn : true,
arrows : false,
nextClick : true,
helpers : {
thumbs : {
width : 50,
height : 50
}
}
});
/*
* Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
*/
$('.fancybox-media')
.attr('rel', 'media-gallery')
.fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
arrows : false,
helpers : {
media : {},
buttons : {}
}
});
/*
* Open manually
*/
$("#fancybox-manual-a").click(function() {
$.fancybox.open('images/image_b.jpg');
});
$("#fancybox-manual-b").click(function() {
$.fancybox.open({
href : 'iframe.html',
type : 'iframe',
padding : 5
});
});
$("#fancybox-manual-c").click(function() {
$.fancybox.open([
{
href : 'images/image_b.jpg',
title : 'My title'
}, {
href : '2_b.jpg',
title : '2nd title'
}, {
href : '3_b.jpg'
}
], {
helpers : {
thumbs : {
width: 75,
height: 50
}
}
});
});
});
</script>
Thank you,
Best wishes
Graeme
-
Hello All,
Hope it is OK to ask this question in this forum!
I have set up FancyBox, a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It is built using the jQuery library.
Everything is great except that I can't get the close, next and previous buttons to show. If I move the mouse over to where these buttons should be and click they work no problems, it's the just the actual button I can't get to be visible.
I tried the FancyBox forums but no one has replied.
test site at www.burnmoorcc.org.uk/2bfit
Thank you as always
Graeme
-
Hello All,
I have the following in a style sheet
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
If I alter the px size to 14 will I have to change the em? Also is there a px to em equivalent table?
Thank you as always,
Best wishes
Graeme
-
Hello All,
I have seen a search method on a web site that I thought would be helpful, the code is
<form id="form" name="form" method="post" action="#">
<span>
<input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="Search..." />
<input name="b" type="image" src="images/search.gif" class="button" />
</span>
</form>
How could I get this to go on a web site? I'm guessing it might have something to do with the action
Thank you as always.
Best wishes
Graeme
-
Hello All,
How can I have displayed on a web page the latest feeds from a Twitter account or a facebook account?
I've seen a page where there is a separate window which contains feeds. Are these plugins or links?
Thank you as always,
Best wishes
Graeme
-
-
That is exactly it Andrea!
-
thanks andrea,
the link you gave me is amazing, now i'm baffled about the tables, no <tr>!
-
thanks ben,
what about other tags, how should they end?
-
hello all,
in html 5 do you close tags say like this < /br> or
</br> no space before the /
i keep getting errors when validating and they all seem to be badrd around this
thank you as always
best wishes
graeme
-
Hello, thanks to both of you. I wanted to know both design and distribution really and the best way to do both. I'm just curious to know if the Developer! would have included this in the web site package?
Thanks again,
Best wishes
Graeme
Building A Web Album Or Gallery
in Beginners Web Design
Posted
hello,
pleased to be able to give a little bit back to this amazing forum! i just started to use fancy box, it's amazing, i managed to adapt it to a gallery i had in principle
graeme