|
 Beberapa hari yang lalu saya di diminta oleh salah satu customer saya untuk membuat intro di halaman websitenya. pertama saya coba trik dengan mengganti index.php di joomla menjadi index3.php, kemudian index.php yang baru saya masukkan berisikan file flash sebagai intro sebelum masuk web, setelah itu link dari intro itu saya arahkan ke index3.php. trik ini berjalan, namun masalahnya muncul ketika kita ingin kembali ke home atau halaman lain akan muncul pesan error (karena yang di cari index.php).
Setelah browsing sana - sini akhirnya saya dapat trik yang bener, berikut triknya:
Pertama saya mengakalinya aja dgn file .htaccess
saya buat satu file misal index.html yang berisi animasi flash yang nantinya ada link menuju file index.php Joomla. Kemudian di file .htaccess Joomla tambahkan sintaks ini:
Code:
DirectoryIndex index.html index.php
Nanti begitu kita akses situsnya, yang akan tampil adalah file index.html
berikut source code untuk splash page non flash jadi ringan, yang saya pakai :
Code:
<html>
<head>
<title>Intro Screen...</title>
</head>
<body bgcolor="#000000" text="#FFFFFF">
<div id="splashcontainer" style="position:absolute;width:350px;"></div>
<layer id="splashcontainerns" width=450></layer>
<script>
/*
Dynamic Splash Screen effect- © Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
Visit http://dynamicdrive.com
*/
//Specify the paths of the images to be used in the splash screen, if any.
//If none, empty out array (ie: preloadimages=new Array())
var preloadimages=new Array("http://abstract.simplenet.com/point.gif","http://abstract.simplenet.com/point2.gif")
//configure delay in miliseconds between each message (default: 2 seconds)
var intervals=2000
//configure destination URL
var targetdestination="http://forum.joomla.org/index.php"
//configure messages to be displayed
//If message contains apostrophe('), backslash them (ie: "I\'m fine")
var splashmessage=new Array()
var openingtags='<font face="Arial" size="4">'
splashmessage[0]='<img src="http://abstract.simplenet.com/point.gif"> Welcome to Joomla Forum <img src="http://abstract.simplenet.com/point2.gif">'
splashmessage[1]='The premier place on the net for free DHTML scripts'
splashmessage[2]='All scripts on this site take advantage of the latest in JavaScript/ DHTML technology'
splashmessage[3]='With emphasis on practicality and backwards compatibility'
splashmessage[4]='To bring true power and interactivity to your site.'
splashmessage[5]='Please stand by...'
var closingtags='</font>'
//Do not edit below this line (besides HTML code at the very bottom)
var i=0
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
var theimages=new Array()
//preload images
if (document.images){
for (p=0;p<preloadimages.length;p++){
theimages[p]=new Image()
theimages[p].src=preloadimages[p]
}
}
function displaysplash(){
if (i<splashmessage.length){
sc_cross.style.visibility="hidden"
sc_cross.innerHTML='<b><center>'+openingtags+splashmessage[i]+closingtags+'</center></b>'
sc_cross.style.left=ns6?parseInt(window.pageXOffset)+parseInt(window.innerWidth)/2-parseInt(sc_cross.style.width)/2 : document.body.scrollLeft+document.body.clientWidth/2-parseInt(sc_cross.style.width)/2
sc_cross.style.top=ns6?parseInt(window.pageYOffset)+parseInt(window.innerHeight)/2-sc_cross.offsetHeight/2 : document.body.scrollTop+document.body.clientHeight/2-sc_cross.offsetHeight/2
sc_cross.style.visibility="visible"
i++
}
else{
window.location=targetdestination
return
}
setTimeout("displaysplash()",intervals)
}
function displaysplash_ns(){
if (i<splashmessage.length){
sc_ns.visibility="hide"
sc_ns.document.write('<b>'+openingtags+splashmessage[i]+closingtags+'</b>')
sc_ns.document.close()
sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2
sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2
sc_ns.visibility="show"
i++
}
else{
window.location=targetdestination
return
}
setTimeout("displaysplash_ns()",intervals)
}
function positionsplashcontainer(){
if (ie4||ns6){
sc_cross=ns6?document.getElementById("splashcontainer"):document.all.splashcontainer
displaysplash()
}
else if (ns4){
sc_ns=document.splashcontainerns
sc_ns.visibility="show"
displaysplash_ns()
}
else
window.location=targetdestination
}
window.onload=positionsplashcontainer
</script>
<!--Set href in below link to the URL of the target destination-->
<div align="right">
<table border="0" width="200" height="100%" cellspacing="0" cellpadding="0">
<td width="100%" valign="bottom" align="right">
[ <a href="http://forum.joomla.org/index.php"><font color="#FFFFFF">Skip Intro</font></a> ]
</td>
</table>
</div>
</body>
</html>
 |
Panggil saya Dennie.