<html>
<head>
<title>Swipe Media ... RJM Programming - August, 2025 </title>
<style>
td {
border: 1px dotted green;
}
a {
text-shadow:-1px 1px 1px #ff2d95;
background-color:rgba(255,255,255,0.3);
}
.inhouse {
vertical-align: bottom;
padding-bottom: 20px;
}
.inhouse::after {
content: 'Media Gallery \a RJM Programming \a August, 2025 \a Thanks to Lorem Picsum at https://picsum.photos/ \a Thanks to YouTube at https://youtube.com \a ' attr(alt);
white-space: pre-wrap;
}
</style>
<script type='text/javascript' src='/ytaudioonly.js?rand=34444113331633313143444434652434343444423444604344451313142358'></script>
<script type=text/javascript>
// Monitor scrolling
var curtdfocus='td0001', curtdn=1, pos3=-1, pos4=-1, lastpos3=-1, lastpos4=-1, readyforswipe=false, vspos3='-1', vspos4='-1';
var agentruew=eval('' + document.documentElement.clientWidth);
var agentrueh=eval('' + document.documentElement.clientHeight);
var amax=Math.max(agentruew,agentrueh);
var amin=Math.min(agentruew,agentrueh);
amin-=60;
var numc=eval(2 * Math.ceil(eval(amax / amin)));
var iurl=0, jj=1;
var urls=['//picsum.photos/' + amin + '/' + amin + '/', '//www.rjmprogramming.com.au/ITblog/' + amin + '/' + amin + '/'];
//var urls=['//www.rjmprogramming.com.au/ITblog/' + amin + '/' + amin + '/', '//www.rjmprogramming.com.au/ITblog/' + amin + '/' + amin + '/'];
var bcol=['yellow', '#f0f0f0'];
var vidids=((location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('youtube=')[1] ? decodeURIComponent(decodeURIComponent((location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('youtube=')[1].split('&')[0])) : '').split(',');
var isaudio=(location.search + ('' + location.hash).replace(/^null/g,'').replace(/^undefined/g,'').replace(/^\#/g,'&')).split('audioyoutube=')[1] ? true : false;
//https://youtu.be/8iwBM_YB1sE
function onl() {
for (var ii=1; ii<=numc; ii++) {
if (document.getElementById('td' + ('0000' + ii).slice(-4))) {
document.getElementById('td' + ('0000' + ii).slice(-4)).style.backgroundImage="url('" + urls[eval(ii % eval('' + urls.length))] + "?rand=" + Math.floor(Math.random() * 1987865) + "')";
} else {
setTimeout(function(){ document.getElementById('myswiperow').innerHTML+='<td id="td' + ('0000' + jj).slice(-4) + '" style="min-width:' + amin + 'px;min-height:' + amin + 'px;width:' + amin + 'px;height:' + amin + "px;background:url('" + urls[eval(ii % eval('' + urls.length))] + "?rand=" + Math.floor(Math.random() * 1987865) + "');" + 'background-size:contain;background-repeat:no-repeat;"></td>'; jj++; }, eval(ii * 1000));
}
}
}
function refresh(ictid) {
var ict=eval('' + ictid.replace('td','').replace(/^0/g,'').replace(/^0/g,'').replace(/^0/g,'').replace(/^0/g,''));
//alert('Refreshing cell ' + ict);
//ict=1;
document.getElementById(ictid).style.cursor='progress';
document.getElementById(ictid).style.backgroundImage="url('" + urls[eval(ict % eval('' + urls.length))] + "?rand=" + Math.floor(Math.random() * 1987865) + "')";
//document.getElementById(ictid).style.cursor='crosshair';
}
function checkthen(ict) {
var kj=0;
if (document.getElementById('td' + ('0000' + ict).slice(-4)).outerHTML.indexOf('background-image:') == -1) {
document.getElementById('td' + ('0000' + ict).slice(-4)).style.cursor='progress';
document.getElementById('td' + ('0000' + ict).slice(-4)).style.backgroundImage="url('" + urls[eval(ict % eval('' + urls.length))] + "?rand=" + Math.floor(Math.random() * 1987865) + "')";
//document.getElementById('td' + ('0000' + ict).slice(-4)).style.cursor='crosshair';
for (kj=1; kj<=2; kj++) {
if (document.getElementById('td' + ('0000' + eval(kj + eval('' + ict))).slice(-4))) {
if (document.getElementById('td' + ('0000' + eval(kj + eval('' + ict))).slice(-4)).outerHTML.indexOf('background-image:') == -1) {
document.getElementById('td' + ('0000' + eval(kj + eval('' + ict))).slice(-4)).style.cursor='progress';
document.getElementById('td' + ('0000' + eval(kj + eval('' + ict))).slice(-4)).style.backgroundImage="url('" + urls[eval(eval(kj + eval('' + ict)) % eval('' + urls.length))] + "?rand=" + Math.floor(Math.random() * 1987865) + "')";
//document.getElementById('td' + ('0000' + eval(kj + eval('' + ict))).slice(-4)).style.cursor='crosshair';
}
}
}
}
if (ict != curtdn) {
document.getElementById('td' + ('0000' + ict).slice(-4)).scrollIntoView();
curtdn=eval('' + ict);
}
}
function swipechk(ev, ismove) {
if (ev.touches) {
if (ev.touches[0].pageX) {
pos3 = ev.touches[0].pageX;
pos4 = ev.touches[0].pageY;
} else {
pos3 = ev.touches[0].clientX;
pos4 = ev.touches[0].clientY;
}
//console.log('pos3 = ' + pos3 + ',pos4 = ' + pos4);
} else if (ev.clientX || ev.clientY) {
pos3 = ev.clientX;
pos4 = ev.clientY;
//console.log('pos3 = ' + pos3 + ' ,pos4 = ' + pos4);
} else {
pos3 = ev.pageX;
pos4 = ev.pageY;
//console.log('pos3 = ' + pos3 + ', pos4 = ' + pos4);
}
if (lastpos3 >= 0 && pos3 >= 0 && readyforswipe && ismove) {
if (lastpos3 > pos3) {
if (Math.abs(lastpos3 - pos3) > 5 && Math.abs(lastpos3 - pos3) > Math.abs(lastpos4 - pos4)) {
curtdn--;
if (curtdn <= 0) {
curtdn++;
} else {
checkthen(curtdn);
readyforswipe=false;
setTimeout(function(){ curtdfocus='td' + ('0000' + curtdn).slice(-4); window.scrollBy(-amin, 0); }, 1000);
pos3=-1;
pos4=-1;
lastpos3=-1;
lastpos4=-1;
}
return '';
} else {
return '';
}
} else if (pos3 > lastpos3 && readyforswipe && ismove) {
if (Math.abs(lastpos3 - pos3) > 5 && Math.abs(lastpos3 - pos3) > Math.abs(lastpos4 - pos4)) {
curtdn++;
if (curtdn > eval(100 * numc)) {
curtdn--;
} else {
checkthen(curtdn);
readyforswipe=false;
setTimeout(function(){ curtdfocus='td' + ('0000' + curtdn).slice(-4); window.scrollBy(amin, 0); }, 1000);
pos3=-1;
pos4=-1;
lastpos3=-1;
lastpos4=-1;
}
return '';
} else {
return '';
}
}
}
if (!ismove) {
lastpos3=-1;
lastpos4=-1;
} else if (pos3 >= 0) {
lastpos3=pos3;
lastpos4=pos4;
}
}
function grabcontent(idx) {
if (vidids[0] != '') {
if (idx < eval('' + vidids.length)) {
var cellno=eval(1 + eval('' + idx));
if (eval('' + vidids[idx].length) == 11) {
if (isaudio) {
return '<iframe onload=checkif(this); id=if' + idx + ' style="display:none;zoom:0.7;width:100%;height:70%;float:top;" src="//www.rjmprogramming.com.au/HTMLCSS/karaoke_youtube_api.htm?youtubeid=' + vidids[idx] + '&youtube_duration=22234&email=&email=&emoji=on&c0=off&i0=0&j0=22234&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29=&rand=' + Math.floor(Math.random() * 1989786) + '"></iframe><br><span id=sp' + idx + ' style="float:top;"><a id=a' + idx + ' target="_blank" title="?" class="audioytmaybeplay" href="https://www.youtube.com/watch?v=' + vidids[idx] + '" rel="noopener" alt="Audio ' + cellno + '"></a></span><br><br>';
} else {
return '<iframe onload=zcheckif(this); id=if' + idx + ' style="zoom:0.7;width:100%;height:70%;float:top;" src="//www.rjmprogramming.com.au/HTMLCSS/karaoke_youtube_api.htm?youtubeid=' + vidids[idx] + '&youtube_duration=22234&email=&email=&emoji=on&c0=off&i0=0&j0=22234&i1=&j1=&i2=&j2=&i3=&j3=&i4=&j4=&i5=&j5=&i6=&j6=&i7=&j7=&i8=&j8=&i9=&j9=&i10=&j10=&i11=&j11=&i12=&j12=&i13=&j13=&i14=&j14=&i15=&j15=&i16=&j16=&i17=&j17=&i18=&j18=&i19=&j19=&i20=&j20=&i21=&j21=&i22=&j22=&i23=&j23=&i24=&j24=&i25=&j25=&i26=&j26=&i27=&j27=&i28=&j28=&i29=&j29=&rand=' + Math.floor(Math.random() * 1989786) + '"></iframe>';
}
}
}
}
return '';
}
function checkiflater(iois) {
var aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body != null) {
var hones=aconto.getElementsByTagName('h1');
if (eval('' + hones.length) > 0) {
if (hones[0].innerHTML.indexOf('Karaoke via YouTube') != 0) {
document.getElementById('a' + iois.id.replace('if','')).innerHTML=hones[0].innerHTML;
document.getElementById('a' + iois.id.replace('if','')).className='audioytplay';
document.getElementById('a' + iois.id.replace('if','')).title=hones[0].innerHTML;
audioytlook();
}
}
}
}
}
function zcheckif(iois) {
var aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body != null) {
try {
aconto.getElementById('c0').checked=true;
} catch(hfgd) {
setTimeout(function(){ xcheckif(document.getElementById(iois.id)); }, 6000);
}
}
}
}
function xcheckif(iois) {
var aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body != null) {
try {
aconto.getElementById('c0').checked=true;
} catch(hfgd) {
}
}
}
}
function checkif(iois) {
var aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body != null) {
var hones=aconto.getElementsByTagName('h1');
if (eval('' + hones.length) > 0) {
if (hones[0].innerHTML.indexOf('Karaoke via YouTube') == 0) {
setTimeout(function(){ checkiflater(document.getElementById(iois.id)); }, 6000);
} else {
document.getElementById('a' + iois.id.replace('if','')).innerHTML=hones[0].innerHTML;
document.getElementById('a' + iois.id.replace('if','')).className='audioytplay';
document.getElementById('a' + iois.id.replace('if','')).title=hones[0].innerHTML;
audioytlook();
}
}
}
}
}
window.onscroll = function (e) {
// called when the window is scrolled.
vspos4=document.body.scrollTop;
vspos3=document.body.scrollLeft;
//document.title='' + vspos3 + ',' + vspos4;
var vstdn=Math.ceil(eval('' + vspos3) / eval('' + amin));
if (curtdn != vstdn) {
//alert('Checking ' + vstdn);
checkthen(vstdn);
}
}
</script>
</head>
<body onclick="readyforswipe=true; swipechk(event,false);" onmousemove="swipechk(event,true);" onload="setTimeout(onl, 3000);">
<table id=myswipetable>
<tr id=myswiperow>
<script type=text/javascript>
for (var kk=1; kk<=eval(100 * numc); kk++) {
if (eval(kk % eval('' + bcol.length)) == 0) {
document.write('<td class=loremipsum alt="Cell ' + kk + '" title="If not showing an image ( this one thanks to Lorem Picsum at https://picsum.photos/ ) please double click here at cell ' + kk + '." ondblclick=refresh(this.id); id="td' + ('0000' + kk).slice(-4) + '" style="min-width:' + amin + 'px;min-height:' + amin + 'px;width:' + amin + 'px;height:' + amin + "px;background-color:" + bcol[eval(kk % eval('' + bcol.length))] + ";" + 'background-size:contain;background-repeat:no-repeat;">' + grabcontent(eval(-1 + kk)) + '</td>');
} else {
document.write('<td class=inhouse alt="Cell ' + kk + '" title="If not showing an image ( yellow cell ones thanks to Lorem Picsum at https://picsum.photos/ ) please double click here at cell ' + kk + '." ondblclick=refresh(this.id); id="td' + ('0000' + kk).slice(-4) + '" style="min-width:' + amin + 'px;min-height:' + amin + 'px;width:' + amin + 'px;height:' + amin + "px;background-color:" + bcol[eval(kk % eval('' + bcol.length))] + ";" + 'background-size:contain;background-repeat:no-repeat;">' + grabcontent(eval(-1 + kk)) + '</td>');
}
}
</script>
</tr>
</table>
</body>
</html>