Help: Operation Round-card Girl

[Count_Herout]

I am trying to add some graphics to TB2.5 (the WTBA uses this platform because the .exe is easier to modify than with later versions -- don't panic, Greg: You still have to buy a game!).

One desirable change would be to have an image of the round-card girl stand atop the round indicator in the bout log. An immediate fix is simply to add an appropriate image to the skin's images folder, then call the image from the appropraite template (#6: BoutLogRoundStart.tpl) -- AFTER SAVING A COPY OF THE TEMPLATE TO A SAFE PLACE, add this text (using notepad) to the top:

<table border="0" width="100%" height="440" align="center" bgcolor="000000" cellspacing="0" cellpadding="0";>

<tbody>


<tr>

<td id = "img"><a name="$$No$$">

<img src="../../images/RCG15_edited.png" alt="Cardgirl" height="440"; style="vertical-align:bottom; padding-left:5px;"/>

<td width="100%"; class="rest"; style="padding-left:0px;" align="left"></a></td>

</tr>
</tbody>
</table>

With Jesse Black (RCG15 -- attachment 1, resize to 215X725) in the images folder (you may have to add one), Jesse will step across the round indicator for each of the rounds in the bout.

Now, notice the line in which appears: "class='rest';" That calls a background image pathed in the template's document head (#2: BoutLogFightData.tpl, and #53: SingleBoutLogFightData.tpl), which for the WTBA are two topless girls in their corners, resting between rounds (don't panic, Crooksie -- a black mask was applied to make "between-rounds" text more visible, so you really can't see very much):

tbody, tr, th, td {
border:0px solid black;
border-collapse:collapse;

...

.rest {
background:url('../../images/betweenrounds.png') no-repeat top right;
}

See attachment 2 (resize to 803X440 -- also in the skin's images folder). With this in place, Jesse will fill the solid black area to the left, and the background photo appears to the right.

So far, so good, but here's the problem:

I have several images of round-card girls -- RCG1 to RCG20 -- which I'd like to get into the game, with each one appearing above the round for which she is holding an appropriate card. So, RCG1 is holding the round-1 card, and I want her to appear above "Round 1." Jesse has been cloned as RCG5, and she should appear above "Round 5" as well as "Round 15," &c./usw.

I can add a javascript array to the template head:

var cardgirls = new Array();
cardgirls[0] = new Image();
cardgirls[0].src = "../../images/RCG1_edited.png";
cardgirls[1] = new Image();
cardgirls[1].src = "../../images/RCG2_edited.png";
cardgirls[2] = new Image();
cardgirls[2].src = "../../images/RCG3_edited.png";
cardgirls[3] = new Image();
cardgirls[3].src = "../../images/RCG4_edited.png";
cardgirls[4] = new Image();
cardgirls[4].src = "../../images/RCG5_edited.png";
cardgirls[5] = new Image();
cardgirls[5].src = "../../images/RCG6_edited.png";
cardgirls[6] = new Image();
cardgirls[6].src = "../../images/RCG7_edited.png";
cardgirls[7] = new Image();
cardgirls[7].src = "../../images/RCG8_edited.png";
cardgirls[8] = new Image();
cardgirls[8].src = "../../images/RCG9_edited.png";
cardgirls[9] = new Image();
cardgirls[9].src = "../../images/RCG10_edited.png";
cardgirls[10] = new Image();
cardgirls[10].src = "../../images/RCG11_edited.png";
cardgirls[11] = new Image();
cardgirls[11].src = "../../images/RCG12_edited.png";

...then add a function to select from the array:

var k = 0;
var round = "$$No$$";
function Cardgirl() {
document.getElementById("cardgirl1").src = cardgirls[k].src;
k++;
}

...and call the function by changing "img src='../../images/RCG15_edited.png'" to "img id='cardgirl1'" (see template #6, supra); however, when I do that, all the cycling occurs for the first image (above "Round 1"), so that what appears is RCG12 (topless girls never fight more than 12 rounds) instead of RCG1. Also, no images appear above the other Round #s but only the alt ("Cardgirl").

I can make RCG1 appear above "Round 1" by adding to the function a display or break command, but the images for the other rounds remain blank -- the function is not kicking over to when the next round of commentary loads. I've tried several approaches (including adding the anchor tag some readers may have noticed in template #6) -- the anchor tag associates each image position with the round number -- but that does not seem to do anything in terms of displaying the desired image.

I've also tried rewriting the function and adding it to the end of the 4th template (BoutLogRoundEnding.tpl) -- in theory, this should recycle each time the game reuses the template to load the next round. But, when I do that, I see no RCG images at all (not even above "Round 1").

Does anyone have an idea re how to proceed here? I think we all would benefit if we could add the graphics to the bout log, so any useful answer would service the entire community.

Attached are additional RCGs (for testing); size each to 215X725 (if they don't come through at that size), and the sizing function in the template will reduce them to the bgimage height of 440px.

[Count_Herout]

The rotating round-card girl problem is solved.

I'll post the answer when I can get to an "appropriate" computer.

Arbie

[Count_Herout]

The solution turns out to be so simple that it ill make people laugh at me.


Scrap all of the javascript and operate solely with the template. Recall that the code line, <img src = "../../images/RCG15_edited.png" , &c., installs Jesse Black (or whoever you have for RCG15) above each and every round.


Now, the strange Double-dollar function SOMETIMES works by incrementing itself, round by round, but sometimes does not. The good news is that here, for me at least, it does.


So, rather than try functions in the form, <img id = (some value)..., we simply can set the <td id and the img src to the double-dollar function.


Here is the whole code (which installs at the beginning of the 6th template, BoutLogRoundStart.tpl ):




<table border="0" width="100%" height="440" align="center" bgcolor="000000" cellspacing="0" cellpadding="0";>
<tbody>
<tr>
<td id = "RCG$$No$$">
<img src="http://www.ootpdevelopments.com/images/RCG$$No$$_edited.png" height="440"; style="vertical-align:bottom; padding-left:5px;"/></td>
<td width="100%"; class="rest"; style="padding-left:0px;" align="left"></td>
</tr>
</tbody>
</table>




N.B.: The subelement, "class='rest';" installs the background image, which for the WTBA is the two topless girlfighters in black and white. I will assume that most people here want something else (or nothing at all). You can remove this snippet (but keep one of the semi-colons!) to get nothing (you may get nothing anyway), or you can install your own substitute in the documents folder, ../../Saved Games/[universe name]/images , or (for some) ../../Saved Games/[universe name]/Bouts/images .

[Count_Herout]

You'll need some more cardgirls (attached):

[Count_Herout]

A few more...

[Count_Herout]

She went the distance!