(MT)Gallery Recent Images Block

[Nuclear General]

File Name: (MT)Gallery Recent Images Block

File Submitter: Nuclear General

File Submitted: 25 Feb 2012

File Category: Content Management

This is a feed template to mimic the board Index recent IP.Gallery Images Hook.
There are 2 separate files for this download, one is for IP.Board 3.2.x/IP.Content 2.2.x, the other utilizes the new block templates and is for IP.Board 3.3.x and IP.Content 2.3.x.

here to download this file

[Lab Rats Rule]

How do I adjust the size of the pictures? Right now they are stretched since they are 100 X 100 pixels square.

[Marcher Technologies]

How do I adjust the size of the pictures? Right now they are stretched since they are 100 X 100 pixels square.

Which IPC version? should not be doing that... then again... i think i remember a bug where one attribute was applying to both dimensions in parseGalleryResize... looking.

[Lab Rats Rule]

3.23 Thanx for your reply. :) BTW, even stretched, the pic format is better than what the gallery software shows on my forum page.

[3DKiwi]

Re stretched - Same for me. I've just installed the 3.2.3 version. You can see it in action here beneath the news.

3DKiwi

[Marcher Technologies]

hrmmm.... kk, seems I cannot depend on gallery->inlineResize() if its going to square out for some inane reason.... i'll define a max-height, and redo the 2.3 IPC Template to be fully sane with a smidge of some feather-touch css :P

[Marcher Technologies]

oooh.. wait.
this is easily changeable :tongue: its squaring off for a reason.
Edit the template folks.

{$this->registry->getClass('gallery')->inlineResize($this->registry->getClass('gallery')->helper('image')->makeImageTag($r),'100','100')}

change the 100's as desired, they are the re-size maximum dimensions.

[Lab Rats Rule]

oooh.. wait.

this is easily changeable :tongue: its squaring off for a reason.

Edit the template folks.

{$this->registry->getClass('gallery')->inlineResize($this->registry->getClass('gallery')->helper('image')->makeImageTag($r),'100','100')}

change the 100's as desired, they are the re-size maximum dimensions.

Tried this before posting here. And for some reason, this didn't work for me. I did 100 X 150. Maybe I should try smaller vs larger?

[Lab Rats Rule]

Ah ha! Another setting. Adjust maximums. And I think one more. I think everything size wise needs adjusted there?

[Marcher Technologies]

Ah ha! Another setting. Adjust maximums. And I think one more. I think everything size wise needs adjusted there?

Its a base template :tongue:
you can easily override these by skin, or edit the gallImages.css file in the block directory:

#appGallLatestBlock

{

overflow:auto;

height: 128px;

}

#appGallLatestBlock ul {

   white-space: nowrap;

}

#appGallLatestBlock ul li {

display:inline-block;

}

#appGallLatestBlock ul li img {

	max-height: 100px;

	max-width: 100px;

}

#appGallLatestBlock ul li:last-child { margin-right: 10px; }

:smile:

[Lab Rats Rule]

I am having difficulties since some pictures are taken up and down and others are taken sideways.

[Marcher Technologies]

I am having difficulties since some pictures are taken up and down and others are taken sideways.

hrmm... moment.... uploading a cleaner version as it were css-wise(3.3 file)... should be more manageable/lightweight.

[Marcher Technologies]

done
there should be only one line needing any edits/overrides in the css now:

.appGallLatestBlock

{

  overflow-x:scroll;

overflow-y:hidden;

height: 128px;

}

.appGallLatestBlock ul li {

display:inline-block;

margin:0px;

}

.appGallLatestBlock ul li:last-child { margin-right: 10px; }

The height there.
it will respect the size you specify in the template re-size statement.... and should stay on 1 line proper(3.2 version used other means than the block template, AFAIK it should be fine)

[Marcher Technologies]

Oh... suppose i should state... it is as simple as reimporting the Block "template" and recaching the Template assets, it will update your css/template for you so you have a clean base.

[Lab Rats Rule]

Exactly which css do I adjust?

[Marcher Technologies]

Exactly which css do I adjust?

http://community.inv...-resources-r751
you can either directly edit the file in the block template directory in the listed directory editing the block template, or do it by skin with !important tags if you wanted to.

.appGallLatestBlock

{

height: 128px;

}

that height value... use an !important tag if by skin, if not(ergo, in that file) simply modify the value leaving the surrounding code.
The ACTUAL Image Size is solely controlled by the template now :smile:
That is the height of the "box".

[Lab Rats Rule]

Sorry I don't speak your language. ;)

Ok so you uploaded an update. Got it. I see you made the block much longer in width. So that it is over the category boxes now.

While I am at it, there is something else. The name of the block is not showing up above the pictures. It is there, but the shade is neutral to the green. Vs the default for the rest of the boxes on my home page.

[Marcher Technologies]

Sorry I don't speak your language. ;)

Ok so you uploaded an update. Got it. I see you made the block much longer in width. So that it is over the category boxes now.

While I am at it, there is something else. The name of the block is not showing up above the pictures. It is there, but the shade is neutral to the green. Vs the default for the rest of the boxes on my home page.

question... custom skin, or default? im using .ccsBlockTitle in an effort to maintain external usability... .maintitle and it don't really mix.... if the Block Title is Black, some css is missing from the skin..... Edit the block Template i f you want maintitle, and if it IS Black background colored header, skin needs an update........
can I have a link? I redid it to look like so http://www.marchertech.com/
Just minor touch-ups 0-o I specify no width of the box... its supposed to have scrolled from day 1.. that way one could set a reasonable box height, change the picture resize and have items as they wanted shown.... this is not a sidebar block... i did that separate... but it should simply fit in any given width. :tongue:

[statusjpn]

hi marcher tech, firstly, thanks for the awesome block.

it works exactly the way i want it and looks beautiful.

i have 1 small issue though, not sure if it's an easy fix. the scroller bar appears fine in both firefox and chrome, but when i view it using IE9, the scroller disappears and the images extend all the way into the next column. i've attached a picture for your reference. since 60% of my users are using the IE browser, i'd like to fix this if it's even possible at all.

thanks!!

works properly in firefox & chrome:



display errors in IE9:

[Marcher Technologies]

hrmm... I am having trouble reproducing this on my demo(though I can make IE7 freak out... IE8/9 are fine).... I need a link to debug... I would hazard a guess something got mis-modified there.

[statusjpn]

hello sir.

apologies for the late reply.

really weird.. when i was at work this morning, i tried viewing the site in firefox and ie9 and both had scrolling issues. i refreshed the page and all was well again. even now on my home computer, it shows fine on all 3 browsers.

i also noticed that when i visited the website at work, the scroller showed double of every image, and then about 30 minutes later, showed triple of every image! didn't fix itself even when i did a hard refresh.. but visiting the site about an hour later, all was fine again.

haha, this is a really weird issue, but if it shows fine now, i'm okay with it. would be too difficult to troubleshoot i'd think.

btw, if you wanna view the site, it's at gofishing.sg/ipb. maybe you can let me know what you see..

cheers!!

[Lab Rats Rule]

Was checking back to see if there was an update on this recently. I have played with my image width and height a zillion times. They are always too long or too tall. I bet this is beacuse I am not using square thumbnails for the forums. If you use square thumbnails, your images get cut off. Any hope of not having distorted pics yet?

[Marcher Technologies]

Was checking back to see if there was an update on this recently. I have played with my image width and height a zillion times. They are always too long or too tall. I bet this is beacuse I am not using square thumbnails for the forums. If you use square thumbnails, your images get cut off. Any hope of not having distorted pics yet?

If you prefer, i can provide a second template that does not hit the gallery functions now.... but i was kind of planning to implement an entirely different approach with IPG 5.0 anyway.... i want that lightbox :wub:

[Lab Rats Rule]

Well, I am always the last to upgrade. Would this be difficult? Would I just replace the entire template or parts of it in the block?

I saw your other mod that utlizes the IP downloads. Love it! Totally awesome!! But would it be worth the expense for one pretty gallery bar? :lol: Just like a woman, I seriously contemplated it for a moment.

[Marcher Technologies]

Well, I am always the last to upgrade. Would this be difficult? Would I just replace the entire template or parts of it in the block?

I saw your other mod that utlizes the IP downloads. Love it! Totally awesome!! But would it be worth the expense for one pretty gallery bar? :lol: Just like a woman, I seriously contemplated it for a moment.

is a matter of a simple change to the block code ;) working on it... manually sorting out the full image uri with the native template data is the..... fun...... yeah.