Log in

View Full Version : need some programming help for an upcoming codec comparison

Pages : 1 [2]
Imperial Llama
4th May 2003, 20:47
This is probably too little too late but for what it's worth, here are my offerings. This is just a very simple image swapper and it won't allow you to display different text with each image because that's just too complicated for javascript n00b like my self. :P

http://varied.myby.co.uk/shared/doom9/image_swapper/very_simple.html

Here is a slightly more complicated version that will allow you to display a few words with each image in input text box:

http://varied.myby.co.uk/shared/doom9/image_swapper/simple.html

Here is a styled version of the above:

http://varied.myby.co.uk/shared/doom9/image_swapper/styled.html

All of these scripts seem to work correctly in IE6 and Mozilla 1.3, as long as Mozilla users haven't disabled image scripting. Anyone is here is free to use these scripts or modify them. They might be better with an image preloader.

*edit*

Here is a zip with all of the html and images in:

http://varied.myby.co.uk/shared/doom9/image_swapper/image_swapper.zip
int 21h
4th May 2003, 22:36
<body style="background: #DEDEDE; ">

<div id="content1" class="content">

Please forgive the crudity of this mockup, and also overlook
the fact that all the images used in this 'comparison' are
really just the same images, with different text in the image.
This should suffice however to provide a basic idea of what
this layout would look like...
<br /><br /><br />
</div>

<div class="layercontainer">
<br /><br /><br />
<b>First Test-Scene</b><br />
<a href="#" onClick="showLayer('codec1')">Codec-X</a> //
<a href="#" onClick="showLayer('codec2')">Codec-Y</a> //
<a href="#" onClick="showLayer('codec3')">Codec-Z</a>
<br /><br /><br />
<div id="codec1" class="layer" style="visibility:visible;">
<span class="picturecontainer"><img src="pic1.jpg" id="pic1"></span>
This is Codec-X, Codec-X sucks because its developed by X-Networks.
They go to banquet while their peasants starve. You can easily see
that this text makes no sense at all, but its just filler.
</div>

<div id="codec2" class="layer">
<span class="picturecontainer"><img src="pic2.jpg"></span>
This is Codec-Y. Codec-Y rules because its built by men who started
at the bottom and worked their way up. These men are porn stars in
Beverly Hills now.
</div>

<div id="codec3" class="layer">
<span class="picturecontainer"><img src="pic3.jpg"></span>
This is Codec-Z. Codec-Z has been out for too long now, and we should
get rid of it. It smells very funny and it tastes like old dishwater.
</div>
</div>

<div class="layercontainer">
<br /><br /><br />
<b>Second Test-Scene</b><br />
<a href="#" onClick="showLayer('codec4')">Codec-X</a> //
<a href="#" onClick="showLayer('codec5')">Codec-Y</a> //
<a href="#" onClick="showLayer('codec6')">Codec-Z</a>
<br /><br /><br />
<div id="codec4" class="layer" style="visibility:visible;">
<span class="picturecontainer"><img src="pic1.jpg" id="pic1"></span>
This is the same picture from above, but I have totally different text
written here instead.
</div>

<div id="codec5" class="layer">
<span class="picturecontainer"><img src="pic2.jpg"></span>
Beer is good for you.
</div>

<div id="codec6" class="layer">
<span class="picturecontainer"><img src="pic3.jpg"></span>
But Vodka is better.
</div>
</div>
</body>
</html>


This is going to introduce another issue.. and that is I had originally authored that code with just one test per page in mind, if you can tell me how many codecs you tested total, or how many images there will be for each scene, I can easily correct it.
Doom9
5th May 2003, 08:05
the number of pictures per page varies... see http://www.doom9.org/codecs-103-2.htm http://www.doom9.org/codecs-103-3.htm and http://www.doom9.org/codecs-103-4.htm

and it can of course change again when I release another comparison in the future.
phrentec
8th May 2003, 22:26
i figured out how to make the menu act like an auto-hide menu so i added it to make the thing a little smaller so as to not take up so much space in case you decide to give it a second glance.
http://www.geocities.com/phrentec/doom9//menuresztxtautohide.htm
http://www.geocities.com/phrentec/doom9//