Looking For The Images Listing Script

digihub

I was trying to create a layout for the images listing on the left of each category page. It works but lack of script for the images. If possible I would like to show different images with titles that base on main categories and sub categories. Can anyone tell me about this? Your help is greatly appreciated.

custom.css

#Imagelist { float: left; width: 170px; }

default.master.php

<div id="Body"> <div id="Imagelist"> NEED IMAGES SCRIPT HERE </div> <div id="Content"> <?php $this->RenderAsset('Content'); ?> </div> <div id="Panel"><?php $this->RenderAsset('Panel'); ?></div> </div> <div id="Foot">

hgtonight

You want the recent discussions list (i.e. forum.com/discussions) with an image representing the category of each discussion?

hgtonight

You are looking for a category image identifier? Different images per category? Does this addon fit the bill?

digihub

@hgtonight Thanks for your reply. I am using version 2.0.18.8 and somehow not working. It could be the css and I will keep trying.

digihub

I think that this plugin is close to what I need but to be clear I am actually trying to display the latest threads that comes with attached image(s) only. So one column with images and one column with the existing text discussion listing. Any other solution? Thanks.

hgtonight

You want the recent discussions list (i.e. forum.com/discussions) with an image representing the category of each discussion?

digihub

I just answered that I want the recent discussions list with an image representing the category of each discussion, but I didn't mean this is the Best Answer. Is this thread closed? Someone please help! Thank you.

vrijvlinder

@peregrine came up with a mod to indexphotos that does that. It adds the images of the discussion if it has one. I'm searching for the discussion...

digihub

@vrijvlinder Thanks for the suggestion. http://vanillaforums.org/discussion/23346/topic-thumbnail
You are always kind and helpful and I really appreciate that. I learn things fast here because of your great advice. I have tried it and looks pretty good. The thing is that how can I separate the images from the discussions list and move to the other column?

vrijvlinder

Thanks that is very kind to say, I think that you would work it with the css. I have not tried it so I am not sure. Maybe If I can see the thing in action I can come up with a way to do it. but @peregrine is the one who made it. He must have a way.

digihub

@vrijvlinder Please see this in action http://funcookie.com/vf2/discussions

vrijvlinder

wow that is great peregrine did a great job, try this

ul.Discussions li img {
height: 55px;
width: 125px;
float: left;
margin-left: -200px!important;
}

digihub

Thanks. It is much better now. I just need to remove the empty blank image frame and adjust the images position which followed by selecting the sub-category.

vrijvlinder

what do you mean white image frame? I don't see it , well the background is white
you can make the images larger and put borders on them.

digihub

@peregrine is amazing. His little plugin transforms a boring forum into a colorful and fun world.

vrijvlinder

oh ok I see what you mean a place where there is no image , that is easy add a background to the images and the one without image should just show the background.

ul.Discussions li img {
height: 55px;
width: 125px;
float: left;
margin-left: -200px!important;
background:url(http://w6.vanillicon.com/6f6e4d09bc524cbcf2025464e279173e_50.png)repeat;
}

here I added your avatar to the background, works well.

yes @peregrine is a magician pluginista !

digihub

Still the same. No change.

digihub

You can see the image frame/line on Google Chrome, white background on Firefox, and missing image space on IE.

vrijvlinder

that is an image placeholder try adding an image to the code I gave you , I see you did not put an image in the code....

background:url(http://w6.vanillicon.com/6f6e4d09bc524cbcf2025464e279173e_50.png)repeat;

that way you can put a logo or anything even a white background to cover the browser placeholder.

I know it works because I did it on firebug. You just did not put an image url there....

vrijvlinder

this is what it looks like with a background, your avatar from here

digihub

I got it. I understand that this plugin is originally design for the user avatar, but is there a way to remove the white background or placeholder? It just looks kinda odd.

digihub

I wish @peregrine can make the change and add another plugin. This will be the best plugin for Vanilla and all users.