Adding Java Script Pop Up Image to home page

[Haytham]

Hello ,

I tried hardly to add this java code inside index, header.tpl, it destroy the structure of the home page.

 

this is the code 

 

<style>

body{font:12px/1.2 Verdana, sans-serif; padding:0 10px; width:640px; margin:50px auto;}

a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}

h2{font-size:13px; margin:15px 0 0 0;}

</style>

<link rel="stylesheet" href="res/colorbox.css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript" src="res/jquery.colorbox-min.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){

setTimeout(function() {

$.fn.colorbox({href:"res/copa.jpg", open:true});  

}, 1500);

}); 

</script> 

 

i want to show up a pop up image when it close it go directly to home page !

Edited February 8, 2014 by Hayssam (see edit history)

[vekia]

if you use scripts with brackets you have to use {literal} {/literal} tags (put code between these tags)

in addition, you can use free modules like html block or content box. just paste content there