lightbox questions
5 posters
Page 1 of 1
lightbox questions
i noticed that this only works if it is not a linked image, like how most post when copying from the upload just so they dont have to add the img tags. is there a way to have this still work for that instead of it still opening in a new window?
also, is there something i can do to make the image a thumbnail when posted, then they zoom when clicked to full size of what was posted?
and finally, if a user posts 3 images in a post, can if be scrolled through in the lightbox, instead of closing and opening another image, etc?
also, is there something i can do to make the image a thumbnail when posted, then they zoom when clicked to full size of what was posted?
and finally, if a user posts 3 images in a post, can if be scrolled through in the lightbox, instead of closing and opening another image, etc?
gsindiana- New Member
- Posts : 23
Reputation : 1
Language : english
Re: lightbox questions
Just remove the [url] tags from the img in your post. Then it won't be a link and won't open in a new window.
LGforum- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: lightbox questions
Ik how to do it myself, I'm just speaking for the other members that posts and use them. It makes this half cool then lol.
gsindiana- New Member
- Posts : 23
Reputation : 1
Language : english
Re: lightbox questions
gsindiana wrote:i noticed that this only works if it is not a linked image, like how most post when copying from the upload just so they dont have to add the img tags. is there a way to have this still work for that instead of it still opening in a new window?
I'm confused on what your asking right here. Are you saying you want people to be able to just post a pic link without the img tags, and then when its clicked it opens in the lightbox, not a new tab?
Shakespeare- Forumember
- Posts : 55
Reputation : 10
Language : English
Location : America
Re: lightbox questions
Oh i get ya, all you need to do is change this:
To this:
Much better.
- Code:
$(function() {
$('.postbody div img, .postbody .content img, .entry-content img, .post-entry div img').each(function () {
$(this).not('a>img').not('img[src*="/smiles/"]').wrap('<a href="' + $(this).attr('src') + '" class="fa_fancybox"></a>');
});
$(".fa_fancybox").fancybox();
});
To this:
- Code:
$(function() {
$('.postbody .content img, .entry-content img, .post-entry div img').filter(function(){ return this.parentNode.tagName.toLowerCase() != 'a'; }).fancybox();
});
Much better.
LGforum- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: lightbox questions
will that make any image pop up when clicked^? cause i really want that, it would be cool to click on images in peoples signatures and have it popup
Re: lightbox questions
If you want to make any image, change it this:
OR so it doesn't affect your banner or navbar or sidebar or anything like that do this:
- Code:
$(function() {
$('img').fancybox();
});
OR so it doesn't affect your banner or navbar or sidebar or anything like that do this:
- Code:
$(function() {
$('img', document.getElementById('main-content')).fancybox();
});
LGforum- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: lightbox questions
LGforum wrote:Oh i get ya, all you need to do is change this:
- Code:
$(function() {
$('.postbody div img, .postbody .content img, .entry-content img, .post-entry div img').each(function () {
$(this).not('a>img').not('img[src*="/smiles/"]').wrap('<a href="' + $(this).attr('src') + '" class="fa_fancybox"></a>');
});
$(".fa_fancybox").fancybox();
});
To this:
- Code:
$(function() {
$('.postbody .content img, .entry-content img, .post-entry div img').filter(function(){ return this.parentNode.tagName.toLowerCase() != 'a'; }).fancybox();
});
Much better.
when i changed that on mine it did nothing, the fancybox didnt work either?
edit, if you scroll down, this is what i am wanting to achieve, either by each post (if 5 pics were posted you could view as an image gallery, instead of clicking 1 at a time), scroll down to image gallery to preview. it adds the arrows to go to next image (wanting it for each post if possible if not and for each thread that would work to)
http://fancyapps.com/fancybox/#useful
gsindiana- New Member
- Posts : 23
Reputation : 1
Language : english
Re: lightbox questions
only thing I could suggest is a CSS lightbox that uses lightweight javascript. and by this I mean you will have to edit the CSS in your stylesheet, as well as some of your templates. If you would like to give this a whirl let me know and ill work on it and give you the code.
Ok some trial and error: i tried making it useful for profile image first inside the profile and start from there. Only issue I am having now is it is not resizing to create the correct light box so. I will keep trying and let you know.
Ok some trial and error: i tried making it useful for profile image first inside the profile and start from there. Only issue I am having now is it is not resizing to create the correct light box so. I will keep trying and let you know.
Last edited by nextlevelgaming on August 29th 2012, 3:25 pm; edited 1 time in total (Reason for editing : trial and error)
Re: lightbox questions
Yes I would be interested. I've never been good with js. Wish I was sometimes. Like right now lol. Thanks
gsindiana- New Member
- Posts : 23
Reputation : 1
Language : english
Re: lightbox questions
working on reworking the code to allow a slideshow image effect
gsindiana- New Member
- Posts : 23
Reputation : 1
Language : english
Re: lightbox questions
i just dont get where to place the javascript that u posted, in the original fancybox javascript page
Re: lightbox questions
im not sure either, if you search for lightbox you can come up with the main source coding if you were to use this on a webpage, i messed around will pulling and editing parts, but like i said. im not to familiar with js and such.
gsindiana- New Member
- Posts : 23
Reputation : 1
Language : english
Re: lightbox questions
What do you mean you don't know where to put it?
I presume you followed this tutorial: https://help.forumotion.com/t113681-add-a-lightbox-effect-to-the-images-of-the-forum
Swap the chunk I said in my post for the new code..
I presume you followed this tutorial: https://help.forumotion.com/t113681-add-a-lightbox-effect-to-the-images-of-the-forum
Swap the chunk I said in my post for the new code..
LGforum- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: lightbox questions
I tried that and it had no effect. Unless I replaced with the wrong part.
gsindiana- New Member
- Posts : 23
Reputation : 1
Language : english
Re: lightbox questions
I'm still working on lightweight javascript and the css3 code for ya. I haven't forgotten. Its just having some visual errors thats all. give me some time if you are still interested give me a pm thanks
Similar topics
» Lightbox effect on pictures
» LightBox Effect Not WOrking?
» Lightbox for forum
» Lightbox for forum (Fancybox)
» LightBox gallery
» LightBox Effect Not WOrking?
» Lightbox for forum
» Lightbox for forum (Fancybox)
» LightBox gallery
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum