Add a pic in description box.

[lionhrt]

I was wondering is there any way in which instead of having a text box describing the program , if you can replace it to show a thumbnail instead.

I have finished my product that consists of 250 small games.

But would like a thumbnail there instead so that the user can see a representation of what the game looks like and then decide whether they want to install it.

Much appreciated for any info.

[blinkdt]

Yes, lionhrt, it looks like maybe you can. Instead of typing a description of the app in the 'prog[pn]=' field you can add a link to an image. Or both, since the RunOnce box isn't going to play well with images.

Just put all of your thumbs in a folder called graphics and then link to them in 'config.js'

prog[pn]=['<img src="./graphics/continue.gif" width="12" height="12">']

The graphics directory would sit alongside the wpiscripts directory. I imagine you could change the number of columns in the 'useroptions.js' file to make room for larger graphics, adjusting the pixel width and height for each graphic if need be.

I just played with it for awhile--no screen shots to offer--and I can tell you I'm sticking with pure text as the WPI GUI looked kinda, well, bad IMHO. And just as with adding <font> tags to the titles, the RunOnce would not appear but the programs DID install. Wierd. Who knows what you may come up with.

[lionhrt]

Thanks mate much appreciated, always a help.

Here is an example of what i wanted to do, just so that you know. I will try yours of course.

Just hoping that you did not think that I wanted the thumbnails visible all the time just when you hover over the name of the product as with the Description.

And yes I do have some crazy ideas, wait and see what I have in store for you next.

lionhrt

[blinkdt]

Just hoping that you did not think that I wanted the thumbnails visible all the time just when you hover over the name of the product as with the Description.

Cool. At the end of the day I tend to think of the WPI interface as a Web page, so why couldn't you create an "image map" that would allow you to hover over the text links to generate the graphics off on the side? It's been awhile since I've done it, but maybe it could work in WPI. I'm currently redesigning my Web site, but let me see if we can't come up with somethng in the weeks ahead. I have a little bit of down time in the summer months, and this could be interesting.

Edited June 25, 2005 by blinkdt

[Lost Soul]

that loooks nice

[lionhrt]

@blinkdt, Thanks mate it works just the way I wanted it.

Will take a bit to do 248 thumbnails, but this is the way i wanted this baby to work.

desc[pn]=['<img src="./graphics/fullcircle.jpg" width="257" height="192">']

Is what I added to the config.js to produce the window when hovered over the particular game.

Much appreciated.

Lionheart

Edited June 26, 2005 by lionhrt

[blinkdt]

Oh! Good thinking, putting it in "desc[pn]=" to produce the effect! No need for any image map.

[almulder]

Hay nice work. I have been looking for a way to do just about the same thing. But I would like to have both.

First the text and then a pic.

Have you tryed and with any luck?

:Update:

here is what I found out:

using this code line here:

desc[pn]=['<img src=./graphics/filename.jpg" width="350" height="100">, ' Text to display.]

You need to have a space after the " ' " where your text begins to have it start on a new line.

The only problem I have is that it displays the " , " after the pic.

Can you help with the code to remove it?

Edited June 28, 2005 by almulder

[Lost Soul]

ok i fixed the code some and it works like a champ, it was a sweet ideal

heres what i did

desc[pn]=['<img src=./graphics/adware.jpg" width="250" height="150"><br>Ad-Aware is designed to provide advanced protection from known Data-mining, aggressive advertising, Parasites, Scumware, selected traditional Trojans, Dialers, Malware, Browser hijackers, and tracking components. With the release of Ad-Aware SE Personal edition, Lavasoft takes the fight against Spyware to the next level..]

heres an example of what it looks like with the image and text,, let me know what ya think

[lionhrt]

Thats exactly what I was think too , having the <br>.

Good work, will add this myself I'm sure, if not just to state system requirements for my games.

Thumbsup

Lionheart

[blinkdt]

Wow! OK, so WinCustomize has tons of 128x128 .png files for use with the ObjectDock. Most are transparent backgrounds, so a little Photoshop work to resize and add a white background produces this:

The corresponding entry:

desc[pn]=['<img src="./icons/RKLauncher.png" width="64" height="128" align="left">Convenient and fun way to organize your Desktop icons.']

And another take using the center tags:

The entry:

desc[pn]=['<center><img src="./icons/spybot.png" width="128" height="128">
Eliminate spyware/adware.</center>']

Edited June 28, 2005 by blinkdt

[Lost Soul]

@blinkdt yea i use that same icon for my spybot installs

[lionhrt]

Sweet, this post is atually evolving into something really ingenius.

[blinkdt]

Sweet! Just finished revamping my WPI and it looks great.

Thanks lionhrt for suggesting this mod, and thanks Lost Soul for bringin' it home!

[almulder]

I would like to add 2 spacent before my text starts. what is the code for that? I haver been looking on script sites but cant seem to locate it. or a tab would work.

<br> = return

now just space or tab please.

And thank you for finding out the hole text thing.