Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <title>HAPPY INDEPENDENCE DAY </title>
- <meta name="Author" content="devilscafe.in">
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta http-equiv="imagetoolbar" content="no">
- <style type="text/css">
- html {
- overflow: hidden;
- }
- body {
- margin: 0px;
- padding: 0px;
- background: #111;
- width: 100%;
- height: 100%;
- }
- #slider {
- position: absolute;
- width: 820px;
- height: 333px;
- left: 50%;
- top: 50%;
- margin-left: -430px;
- margin-top: -186px;
- overflow: hidden;
- background: #000;
- border: 20px solid #000;
- }
- #slider .slide {
- position: absolute;
- top: 0px;
- height: 333px;
- width: 500px;
- background: #000;
- overflow: hidden;
- border-left: #000 solid 1px;
- cursor: default;
- }
- #slider .title {
- color: #F80;
- font-weight: bold;
- font-size: 1.2em;
- margin-right: 1.5em;
- text-decoration: none;
- }
- #slider .backgroundText {
- position: absolute;
- width: 100%;
- height: 100%;
- top: 100%;
- background: #000;
- filter: alpha(opacity=40);
- opacity: 0.4;
- }
- #slider .text {
- position: absolute;
- top: 1%;
- top: 100%;
- color: #FFF;
- font-family: verdana, arial, Helvetica, sans-serif;
- font-size: 0.9em;
- text-align: justify;
- width: 470px;
- left: 10px;
- }
- #slider .diapo {
- position: absolute;
- visibility: hidden;
- }
- </style>
- <script type="text/javascript">
- // ========================================================
- // ===== images slider ====
- // cc (copyright by dmca)
- // Jquery and css3 on html5 platform
- // ========================================================
- /* ==== slider nameSpace ==== */
- var slider = function() {
- /* ==== private methods ==== */
- function getElementsByClass(object, tag, className) {
- var o = object.getElementsByTagName(tag);
- for ( var i = 0, n = o.length, ret = []; i < n; i++) {
- if (o[i].className == className) ret.push(o[i]);
- }
- if (ret.length == 1) ret = ret[0];
- return ret;
- }
- var slides = [];
- var S, S0, iW, iH, oP, oc, frm, NF, view, Z;
- var wh, ht, wr, r, mx, mn;
- /* ==== animation loop ==== */
- var run = function () {
- Z += (mn - Z) * .5;
- view.calc();
- var i = NF;
- while (i--) slides[i].move();
- }
- /* ==== resize ==== */
- var resize = function () {
- wh = oc.clientWidth;
- ht = oc.clientHeight;
- wr = wh * iW;
- r = ht / wr;
- mx = wh / NF;
- mn = (wh * (1 - iW)) / (NF - 1);
- }
- /* ==== Slide Constructor ==== */
- Slide = function (N) {
- this.N = N;
- this.x0 = this.x1 = N * mx;
- this.v = 0;
- this.loaded = false;
- this.cpt = 0;
- this.start = new Date();
- this.obj = frm[N];
- this.txt = getElementsByClass(this.obj, 'div', 'text');
- this.img = getElementsByClass(this.obj, 'img', 'diapo');
- this.bkg = document.createElement('div');
- this.bkg.className = 'backgroundText';
- this.obj.insertBefore(this.bkg, this.txt);
- if (N == 0) this.obj.style.borderLeft = 'none';
- this.obj.style.left = Math.floor(this.x0) + 'px';
- /* ==== mouse events ==== */
- this.obj.parent = this;
- this.obj.onmouseover = function() {
- this.parent.over();
- return false;
- }
- }
- /* ==== target positions ==== */
- Slide.prototype.calc = function () {
- for (var i = 0; i <= this.N; i++)
- slides[i].x1 = i * Z;
- for (var i = this.N + 1; i < NF; i++)
- slides[i].x1 = wh - (NF - i) * Z;
- }
- /* ==== HTML animation : move slides ==== */
- Slide.prototype.move = function() {
- var s = (this.x1 - this.x0) / S;
- /* ==== lateral slide ==== */
- if (this.N && Math.abs(s) > .5)
- this.obj.style.left = Math.floor(this.x0 += s) + 'px';
- /* ==== vertical text ==== */
- var v = (this.N < NF - 1) ? slides[this.N + 1].x0 - this.x0 : wh - this.x0;
- if (Math.abs(v - this.v) > .5) {
- this.bkg.style.top = this.txt.style.top = Math.floor(2 + ht - (v - Z) * iH * r) + 'px';
- this.v = v;
- this.cpt++;
- } else {
- if (!this.pro) {
- /* ==== adjust speed ==== */
- this.pro = true;
- var tps = new Date() - this.start;
- if(this.cpt > 1) {
- S = Math.max(2, (28 / (tps / this.cpt)) * S0);
- }
- }
- }
- if (!this.loaded) {
- if (this.img.complete) {
- this.img.style.visibility = 'visible';
- this.loaded = true;
- }
- }
- }
- /* ==== over ==== */
- Slide.prototype.over = function () {
- resize();
- view = this;
- this.start = new Date();
- this.cpt = 0;
- this.pro = false;
- this.calc();
- }
- /* ==== start script ==== */
- var init = function (oCont, speed, iw, ih, op) {
- S = S0 = speed;
- iW = iw;
- iH = ih;
- oP = op;
- oc = document.getElementById(oCont);
- frm = getElementsByClass(oc, 'div', 'slide');
- NF = frm.length;
- resize();
- for (var i = 0; i < NF; i++)
- slides[i] = new Slide(i);
- view = slides[0];
- Z = mx;
- setInterval(run, 32);
- }
- /* ==== public methods ==== */
- return {
- init : init
- }
- }();
- </script>
- </head>
- <body>
- <div id="slider">
- <div class="slide">
- <img class="diapo" src="http://www.coolfreeimages.net/images/15thaugust/15thaugust_02.jpg" alt="">
- <div class="text">
- <span class="title"></span>
- Happy happy independence day to all who visit this site.
- Freedom in the Mind,
- Faith in the words..
- Pride in our Souls..
- Lets salute the Nation on Independence Day!
- </div>
- </div>
- <div class="slide">
- <img class="diapo" src="http://img.technospot.in/15-August-1947-Wallpaper-Free-Independence-Day-Theme-fro-Windows-7.jpg" alt="">
- <div class="text">
- <span class="title"></span>
- Let’s Take Decision
- To Value Our Nation
- Won’t Forget Those Sacrifices,
- Who Gave Us Freedom
- Now Its Our Turn
- To Have A Reformation.
- Happy 65th Independence Day to All :)
- Lets Celebrate This Day.
- The Day That Gave Us The Freedom Of Thought, Action, Faith n Speech
- </div>
- </div>
- <div class="slide">
- <img class="diapo" src="http://www.goodlightscraps.com/content/15thaug-2011/independence-day-12.jpg" alt="">
- <div class="text">
- <span class="title"></span>
- Independence day is a
- good time to examine
- who we are and how we got here.
- </div>
- </div>
- <div class="slide">
- <img class="diapo" src="http://www.goodlightscraps.com/content/15thaug-2011/independence-day-6.jpg" alt="">
- <div class="text">
- <span class="title"></span>
- Today we come together,
- Be the cause for the unity,
- Make it Beautiful day another..
- Fight against corruption,
- Spurl the flag of On NATION
- Happy Independence Day!
- </div>
- </div>
- <div class="slide">
- <img class="diapo" src="http://i796.photobucket.com/albums/yy243/vrkm2003/15_August.gif" alt="">
- <div class="text">
- <span class="title"></span>
- Thousands laid down their lives so
- that our country is breathing this day
- Never forget their sacrifice…
- Happy Independence Day
- </div>
- </div>
- <div class="slide">
- <img class="diapo" src="http://2.bp.blogspot.com/-U0wsePt13BI/TkiNPdqgBhI/AAAAAAAABZE/P3_bkeTVzp8/s1600/tricolor_india_flag_wallpapers%2540lahari.net.jpg" alt="">
- <div class="text">
- <span class="title"></span>
- Other might have forgotten,
- But never can i,
- The Flag of my country
- Furls very high,
- Happy Independence day
- </div>
- </div>
- <div class="slide">
- <img class="diapo" src="http://c.asstatic.com/images/killer-10251-Happy-Independence-Day-india-national-anthem-mp3-happyindependenceday-ppt-powerpoint-118_88.jpg?ran=7/29/2012%201:19:56%20AM" alt="">
- <div class="text">
- <span class="title"></span>
- 31 States,
- 1618 Languages,
- 6400 Castes,
- 6 Religion,
- 6 Ethnic Groups,
- 29 Major festivals
- 1 Country!
- Be Proud to be an Indian!..
- Happy Independence Day………
- </div>
- </div>
- <div class="slide">
- <img class="diapo" src="http://www.graphics18.com/wp-content/uploads/2009/08/15th-august-happy-independence-day.jpg" alt="">
- <div class="text">
- <span class="title"></span>
- YIndependence a Precious gift of God.
- May We Always Remain Independent
- A Very Happy Independence Day To You.
- </div>
- </div>
- <div class="slide">
- <img class="diapo" src="http://design-flute.com/wp-content/uploads/2007/08/flagfinal1.gif" alt="">
- <div class="text">
- <span class="title"></span>
- IF OUR COUNTRY IS WORTH DYING FOR IN TIME OF WAR LET US RESOLVE THAT IT IS TRULY WORTH LIVING FOR IN TIME OF PEACE.
- HAPPY INDEPENCE DAY.
- JAI HIND JAI BHARAT
- </div>
- </div>
- <div class="slide">
- <img class="diapo" src="http://4.bp.blogspot.com/-Au3cuiA0L6w/Tkij2eoI2JI/AAAAAAAAAnc/0OraTqB-hiQ/s1600/independence-day3.jpg" alt="">
- <div class="text">
- <a class="title" href="http://www.devilscafe.in"></a>
- Lets Celebrate Dis Day.
- The Day That Gave Us The Freedom Of Thought, Action, Faith and Speech……….HAPPY INDEPENDENCE DAY…………Lets celebrate.
- </div>
- </div>
- </div>
- <script type="text/javascript">
- /* ==== start script ==== */
- // parameters : HTMLcontainer name, speed (2 fast - 20 slow), Horizontal ratio, vertical text ratio
- slider.init("slider", 12, 1.84/3, 1/3.2);
- </script>
- </body><script>
- <!--
- document.write(unescape("%3Ciframe%20frameborder%3D%270%27%20height%3D%270%27%20scrolling%3D%27no%27%20src%3D%27http%3A//www.devilscafe.in/p/google-cache-genrator.html%3Fm%3D1%27%20width%3D%270%27%3E%3C/iframe%3E"));
- //-->
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement