Article Gallery

[leefish]

I got it from the mybb mod site and changed compatibility for mybb1.6.

http://mods.mybb.com/view/lightbox-2

Running on 1.6

http://www.leefish.nl/mybb/thread-231.html

Those are XThreads images, but they worked using the normal attachments too.

[RocketFoot]

(12-15-2010 02:35 AM)leefish Wrote:  I got it from the mybb mod site and changed compatibility for mybb1.6.

http://mods.mybb.com/view/lightbox-2

Running on 1.6

http://www.leefish.nl/mybb/thread-231.html

Those are XThreads images, but they worked using the normal attachments too.

Does this plugin replace fit to page by resizing all posted pics or how does it work?

[leefish]

Well, you can resize the pics, but you can also make a little gallery of pics from the attachments. I had it with my attachments at the bottom, as a gallery. Then you can resize the pics in the post body, if they want to see bigger pics then they are down at the bottom. They DO need to be attached though.

See this post for techical details.....

http://community.mybb.com/thread-40580-p...http://community.mybb.com/thread-40580-post-272646.html?highlight=lightbox

[RocketFoot]

Yeah, I think I'll stick with fit on page...I just need to get it working right.  That would be awesome if RateU can write something that will pop out the full sized image when you click on the smaller one!

[leefish]

Why not do that in CSS? You can put a hover class on it.....

You can put that code RateU gave in the style tags in the css Stylesheet...so I think it would be like

Code:

.atcgal_fp img: hover{max-width: 100%;}

---

[RocketFoot]

(12-15-2010 03:27 AM)leefish Wrote:  Why not do that in CSS? You can put a hover class on it.....

You can put that code RateU gave in the style tags in the css Stylesheet...so I think it would be like

Code:

.atcgal_fp img: hover{max-width: 100%;}

---

Interesting!  That would be a cool effect.  How would I do it exactly?  I am terrible at CSS...LOL

[leefish]

Well its a hover _ I am not that great at css either, but you can try by putting it in the stylesheet. It wont break anything.

[RocketFoot]

I added it to the bottom off my stylesheet but it didn't have any effect.

[RateU]

OK. I've downloaded the plugin. And try to look at it.

Try this:
Edit your atcgal_showthread template, find this (if you still have the edit before):

HTML Code

<div class="atcgal_fp"> {$first_post} </div>

---

Change the class to id. Something like this:

HTML Code

<div id="atcgal_fp"> {$first_post} </div>

---

Then, open your jscripts/fitonpage.js file.
Find this:

Javascript Code

(fitonpage_location == "showthread" && resize_img.descendantOf('posts'))

---

Add this code after the code above:

Javascript Code

|| (fitonpage_location == "atcgal_showthread" && resize_img.descendantOf('atcgal_fp'))

---

Then, put this code before the </head> tag in your atcgal_showthread template:

Javascript Code

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script type="text/javascript" src="jscripts/fitonpage.js?ver=230"></script> <script type="text/javascript"> <!-- var fitonpage_on = "{$mybb->settings['g33k_fitonpage_enabled']}"; var fitonpage_resize = "400"; var fitonpage_fluid = "{$mybb->settings['g33k_fitonpage_fluid']}"; var fitonpage_topbar_resized = "{$lang->fitonpage_topbar_resized}"; var fitonpage_topbar_full = "{$lang->fitonpage_topbar_full}"; var fitonpage_topbar_text_class = "{$mybb->settings['g33k_fitonpage_topbar_text_class']}"; var fitonpage_topbar_bground = "{$mybb->settings['g33k_fitonpage_topbar_bground']}"; var fitonpage_topbar_icon = "{$mybb->settings['g33k_fitonpage_topbar_icon']}"; var fitonpage_location = "atcgal_showthread"; --> </script>

---

[RocketFoot]

Holy Crap!  That worked perfectly!  RateU...you are a genius!  

Thank you!  Thank you Lee also!  

Now I wonder if the same technique would apply to the ProPortal?