Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
- <!-- Put your map names in "maps" with quotations and seperated by commas as seen below -->
- <!-- Put your map links in "mapLinks" with quotations and seperated by commas as seen below -->
- <!-- Put your Product Image url in "productImage" with quotations as seen below -->
- <!-- To move the product image to the right, change the product image offset below, increased in pixels -->
- <script>
- var maps = ["Diffuse01","Diffuse02","Diffuse03"];
- var mapLinks = ["http://www.google.com","http://www.google.com","http://www.google.com"];
- var productImage = "http://i.imgur.com/edWte5a.png";
- var ProductImageOffset = "0px";
- function setProductImage(){
- document.getElementById("prodImg").innerHTML = '<img src="'+productImage+'" style="width: 390px; float: left; bottom: 0; position: absolute; margin-left: '+ProductImageOffset+'" </a>';
- };
- function buildLink( loc, name) {
- return '<a href="'+loc+'" target="_new" id="mapBTN">'+name+"</a>";
- };
- function genLinks(){
- for(i = 0; i < maps.length; i++) {
- document.getElementById("LinksBar").innerHTML = document.getElementById("LinksBar").innerHTML + '<a style="color: #fff;" href="' + mapLinks[i] + '" target="_new" id="mapBTN">' + maps[i] + '</a><br />';
- }
- }
- </script>
- <script>
- setTimeout(function(){
- setProductImage(); genLinks();
- }, 3000);
- </script>
- <style>
- #mapBTN{
- width:100px; height:50px;
- }
- .container{
- width: 930px;
- height: 600px;
- background: url(http://i.imgur.com/8pY0ji9.png);
- position: relative;
- }
- </style>
- <div class="container">
- <div id="prodImg" style="float:left; height: 600px; bottom: 0px; width: 390px; position: relative;"></div>
- <div id="LinksBar" style="float:left; width: 500px; height: 270px; color: #FFF; text-align: center; margin-top: 190px; font-size: 18pt; font-family: Tahoma;"></div>
- <div style="width:520px; height: 115px; float:left; right: 0; bottom: 0; position: absolute; text-align: center; color: #FFF; font-family: Tahoma;"> My recent uploads<br />
- <!-- Product Marquee generated @ gaf210.imvustylez.net -->
- <style type="text/css">.imvustylez_products_marquee{margin:0px auto}.imvustylez_products_marquee [id$="_panel_header"] {display: none !important; font-size: 1px} .imvustylez_products_marquee [id$="_panel_body"] {line-height: 1px;} .imvustylez_products_marquee .productbox,.imvustylez_products_marquee .productbox img{width:100px !important;height:80px !important;}</style>
- <marquee class='imvustylez_products_marquee' width='500' height='100' scrollamount='3' direction='left' behavior='scroll' onmouseover="this.stop()" onmouseout="this.start()"><div style='width:2675px'><script type="text/javascript" src="http://gaf210.imvustylez.net/newprodsbanner/filtered_dev_panel.js.php?dev_id=27917016&pn=new&q=25"></script></div></marquee>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement