<html>
<head>
<title>Image Flipping or Flopping at Speed - RJM Programming - June, 2025</title>
<meta charset='UTF-8'/>
<style>
// |=. !=:
.http!//www.rjmprogramming.com.au/Android/NalaLuna|jpg {
-webkit-animation: fliporflop 18s ease-out infinite;
-moz-animation: fliporflop 18s ease-out infinite;
animation: fliporflop 18s ease-out infinite;
}
@keyframes fliporflop {
from {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
to {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
}
#myimg {
border-radius: 0px;
}
#tdright {
vertical-align: top;
}
</style>
<script type='text/javascript'>
var imgo=null;
var brad="0";
var sxis=1.0, syis=0.0;
var rpm=eval(300 / 10);
var isecs=eval(30 / rpm); // 0.1;
var imagedurl='', theimgurl='http://www.rjmprogramming.com.au/Android/NalaLuna.jpg';
var theclass=theimgurl.slice(-96).replace(/\:/g,'!').replace(/\./g,'|'); //'http!//www.rjmprogramming.com.au/Android/NalaLuna|jpg';
var dcbi='', started=false, ffnum=0;
var flipflops=['scaleX(1) scaleY(1)','scaleX(-1) scaleY(1)','scaleX(-1) scaleY(-1)','scaleX(1) scaleY(-1)'];
var flopflips=['scaleX(1) scaleY(1)','scaleX(1) scaleY(-1)','scaleX(-1) scaleY(-1)','scaleX(-1) scaleY(1)'];
function doanim() {
if (Math.abs(sxis) > 0.5) {
sxis=eval(-1.0 * sxis);
imgo.style.transform='scaleX(' + sxis + ')';
} else if (Math.abs(syis) > 0.5) {
syis=eval(-1.0 * syis);
imgo.style.transform='scaleY(' + syis + ')';
} else if (Math.abs(sxis) > 0.0) {
imgo.style.transform=flipflops[ffnum];
ffnum++;
if (ffnum >= eval('' + flipflops.length)) { ffnum=0; }
} else if (Math.abs(syis) > 0.0) {
imgo.style.transform=flopflips[ffnum];
ffnum++;
if (ffnum >= eval('' + flopflips.length)) { ffnum=0; }
}
setTimeout(doanim, Math.round(isecs * 1000));
}
function startanim(isio) {
imgo=isio;
if (!started) {
setTimeout(doanim, Math.round(isecs * 1000));
}
started=true;
var rectone=document.getElementById('rpm').getBoundingClientRect();
var recttwo=document.getElementById('imgurl').getBoundingClientRect();
var rectthree=document.getElementById('radius').getBoundingClientRect();
document.getElementById('imgurl').style.width='' + eval(eval('' + rectone.right) - eval('' + recttwo.left)) + 'px';
document.getElementById('radius').style.width='' + eval(eval('' + rectone.right) - eval('' + rectthree.left)) + 'px';
if (dcbi == '') { dcbi=document.getElementById('divcbi').innerHTML; }
}
function changeurl(tbo) {
if (theimgurl != tbo.value && theimgurl.indexOf(tbo.value) == -1) {
theimgurl=tbo.value;
theclass=theimgurl.slice(-96).replace(/\:/g,'!').replace(/\./g,'|');
document.getElementById('myimg').src=theimgurl.replace(/^http\:/g,'').replace(/^https\:/g,'');
}
}
function changerpm(tbo) {
rpm=eval('' + tbo.value);
isecs=eval(30 / rpm);
}
function changeradius(tbo) {
if (eval('' + tbo.value) != brad) {
brad=('' + tbo.value);
document.getElementById('myimg').style.borderRadius='' + brad.trim().replace(/px$/g,'') + (brad.replace(/0/g,'').replace(/1/g,'').replace(/2/g,'').replace(/3/g,'').replace(/4/g,'').replace(/5/g,'').replace(/6/g,'').replace(/7/g,'').replace(/8/g,'').replace(/9/g,'').replace(/px/g,'').trim() == '' ? 'px' : '');
}
}
function changef(tbo) {
if (tbo.value.toLowerCase() == 'flip') {
imgo.style.transform='scaleY(1)';
sxis=1.0,
syis=0.0;
} else if (tbo.value.toLowerCase() == 'flop') {
imgo.style.transform='scaleX(1)';
//alert('here');
sxis=0.0,
syis=1.0;
} else if (tbo.value.toLowerCase() == 'flipflop') {
imgo.style.transform='scaleX(1)';
imgo.style.transform='scaleY(1)';
//alert('here');
sxis=0.1,
syis=0.0;
ffnum=0;
} else if (tbo.value.toLowerCase() == 'flopflip') {
imgo.style.transform='scaleX(1)';
imgo.style.transform='scaleY(1)';
//alert('here');
sxis=0.0,
syis=0.1;
ffnum=0;
}
}
function resultlook() {
if (document.getElementById('result').innerHTML != '') {
imagedurl=document.getElementById('result').innerHTML;
document.getElementById('result').innerHTML='';
theimgurl=imagedurl;
theclass=theimgurl.slice(-96).replace(/\:/g,'!').replace(/\./g,'|');
document.getElementById('myimg').src=imagedurl;
imgo=document.getElementById('myimg');
document.getElementById('myimg').className=theclass;
document.getElementById('imgurl').placeholder=imagedurl;
document.getElementById('imgurl').title=imagedurl;
document.getElementById('imgurl').value='';
imagedurl='';
document.getElementById('divcbi').innerHTML=dcbi;
}
}
setInterval(resultlook, 5000);
</script>
</head>
<body>
<table><tr><td id=tdleft>
<script type='text/javascript'>
var theusual=true;
if (window.parent) {
if (window.parent != window.self) {
theusual=false;
}
}
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
document.write('<img onload="startanim(this);" id=myimg class="' + theclass + '" src="' + ((theimgurl.indexOf('rjmprogramming.com.au') != -1 && document.URL.indexOf(':8888/') == -1) ? (theimgurl.split('rjmprogramming.com.au')[1]) : theclass.replace(/\!/g,':').replace('http:','').replace('https:','').replace(/\|/g,'.')) + '"></img></td><td id=tdright><h1>Image Flipping or Flopping at Speed</h1><h3>RJM Programming - June, 2025</h3><br><br><br>Transform <div id=divcbi style=display:inline-block;><iframe scrolling=no frameborder=0 id=cbi data-accept="image/*" style="width:163px;height:228px;margin-top:-204px;display:inline-block;background-color:transparent;" src="/HTMLCSS/client_browsing.htm?d=3121605626826&wording=Allimages%20images%2E%20"></iframe></div> <select size=4 onchange=changef(this); style=z-index:99; id=sforf><option value=flip selected>Flip </option><option value=flop>Flop </option><option value=flipflop>FlipFlop</option><option value=flopflip>FlopFlip</option></select><br><br>Revolutions per minute <input type=text onblur=changerpm(this); title="Revolutions per minute" id=rpm value="' + rpm + '"></input><br><br>Border radius in pixels <input type=text onblur=changeradius(this); title="Border radius in pixels" id=radius value="' + brad + '"></input><br><br>Image URL <input type=text onblur=changeurl(this); id=imgurl data-title="Image URL" title="' + theimgurl + '" placeholder="' + theimgurl + '" value="' + (theimgurl.indexOf('rjmprogramming.com.au') != -1 ? (theimgurl.split('rjmprogramming.com.au')[1]) : theimgurl) + '"></input>');
} else if (theusual && 1 == 7) {
document.write('<img onload="startanim(this);" id=myimg class="' + theclass + '" src="' + ((theimgurl.indexOf('rjmprogramming.com.au') != -1 && document.URL.indexOf(':8888/') == -1) ? (theimgurl.split('rjmprogramming.com.au')[1]) : theclass.replace(/\!/g,':').replace('http:','').replace('https:','').replace(/\|/g,'.')) + '"></img></td><td id=tdright><h1>Image Flipping or Flopping at Speed</h1><h3>RJM Programming - June, 2025</h3><br><br><br>Transform <select size=4 onchange=changef(this); style=z-index:99; id=sforf><option value=flip selected>Flip </option><option value=flop>Flop </option><option value=flipflop>FlipFlop</option><option value=flopflip>FlopFlip</option></select> <div id=divcbi style=display:inline-block;><iframe scrolling=no frameborder=0 id=cbi data-accept="image/*" style="width:163px;height:228px;margin-top:-204px;display:inline-block;background-color:transparent;" src="/HTMLCSS/client_browsing.htm?d=3121605626826&wording=Allimages%20images%2E%20"></iframe></div><br><br>Revolutions per minute <input type=text onblur=changerpm(this); title="Revolutions per minute" id=rpm value="' + rpm + '"></input><br><br>Border radius in pixels <input type=text onblur=changeradius(this); title="Border radius in pixels" id=radius value="' + brad + '"></input><br><br>Image URL <input type=text onblur=changeurl(this); id=imgurl data-title="Image URL" title="' + theimgurl + '" placeholder="' + theimgurl + '" value="' + (theimgurl.indexOf('rjmprogramming.com.au') != -1 ? (theimgurl.split('rjmprogramming.com.au')[1]) : theimgurl) + '"></input>');
} else {
document.write('<img onload="startanim(this);" id=myimg class="' + theclass + '" src="' + ((theimgurl.indexOf('rjmprogramming.com.au') != -1 && document.URL.indexOf(':8888/') == -1) ? (theimgurl.split('rjmprogramming.com.au')[1]) : theclass.replace(/\!/g,':').replace('http:','').replace('https:','').replace(/\|/g,'.')) + '"></img></td><td id=tdright><h1>Image Flipping or Flopping at Speed</h1><h3>RJM Programming - June, 2025</h3><br><br><br>Transform <div id=divcbi style=display:inline-block;><iframe scrolling=no frameborder=0 id=cbi data-accept="image/*" style="width:163px;height:228px;margin-top:-204px;display:inline-block;background-color:transparent;" src="/HTMLCSS/client_browsing.htm?d=3121605626826&wording=Allimages%20images%2E%20"></iframe></div> <select size=4 onchange=changef(this); style=z-index:99; id=sforf><option value=flip selected>Flip </option><option value=flop>Flop </option><option value=flipflop>FlipFlop</option><option value=flopflip>FlopFlip</option></select><br><br>Revolutions per minute <input type=text onblur=changerpm(this); title="Revolutions per minute" id=rpm value="' + rpm + '"></input><br><br>Border radius in pixels <input type=text onblur=changeradius(this); title="Border radius in pixels" id=radius value="' + brad + '"></input><br><br>Image URL <input type=text onblur=changeurl(this); id=imgurl data-title="Image URL" title="' + theimgurl + '" placeholder="' + theimgurl + '" value="' + (theimgurl.indexOf('rjmprogramming.com.au') != -1 ? (theimgurl.split('rjmprogramming.com.au')[1]) : theimgurl) + '"></input>');
}
</script>
</td>
</tr></table>
<div id=dstyle></div>
<div id=result style=display:none;></div>
<div id="resultav" style=display:none;></div>
<div id="videoag" style=display:none;></div>
<input type=hidden id="audioname" style=display:none; value=''></input>
<input type=hidden id="outputname" style=display:none; value=''></input>
<input type=hidden id="cto" style=display:none; value=''></input>
<input type=hidden id="thewords" style=display:none; value=''></input>
<input type=hidden id="saysub" style=display:none; value=''></input>
</body>
</html>