Jparallax активирующий - PullRequest
Новая
       10

Jparallax активирующий

0 голосов
/ 07 октября 2011

Предисловие: я постыдно плох в этом

Хорошо, поэтому я хочу использовать Jparallax для div, и я не могу заставить его работать. Я изменю его, как только у меня будет работать демо, но сейчас я могу даже зайти так далеко. Я скопировал css для #parallax из демо-версии, связал .js в голове и скопировал скрипт, чтобы также активировать #parallax в голове, но этот div по какой-то причине не активируется.

мой HTML 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Portal</title>
<link href='http://fonts.googleapis.com/css?family=Jura:400,300,500,600'rel='stylesheet' type='text/css'>
<link href="portalcss.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="dropdown.css" type="text/css" />
<script type="text/javascript" src="jquery.jparallax.js"></script>
<script type="text/javascript" src="dropdown.js"></script>
<script type="text/javascript">
window.onload = maxWindow;

function maxWindow() {
    window.moveTo(0, 0);


    if (document.all) {
        top.window.resizeTo(screen.availWidth, screen.availHeight);
    }

    else if (document.layers || document.getElementById) {
        if (top.window.outerHeight < screen.availHeight || top.window.outerWidth <   screen.availWidth) {
            top.window.outerHeight = screen.availHeight;
            top.window.outerWidth = screen.availWidth;
        }
    }
}

</script> 

<script type="text/javascript">
<!--

// jQuery.noConflict();

// RUN

var corners = '<img src="images/corner_dark_tl.png" class="tl" />'+
                        '<img     src="images/corner_dark_tr.png" class="tr" />'+
                        '<img src="images/corner_dark_bl.png" class="bl" />'+
                        '<img src="images/corner_dark_br.png" class="br" />';

jQuery(document).ready(function(){

jQuery('h1').html('<img src="images/logo_stephband_grey.png" />');

jQuery('#parallax').jparallax().append(corners);

});

//-->
</script>
</head> 



<body>
<div id="parallax">
<img src="0.png" alt="" style="width:978px; height:325px;"/>
<img src="1.png" alt="" style="width:987px; height:328px;"/>
<img src="2.png" alt="" style="width:1001px; height:333px;"/>
<img src="3.png" alt="" style="width:1031px; height:343px;"/>
<img src="4.png" alt="" style="width:1067px; height:355px;"/>
<img src="5.png" alt="" style="width:1120px; height:373px;"/>
<img src="6.png" alt="" style="width:1200px; height:400px;"/>
</div>

И вот мой css для этого # 

#parallax
{
background:#2f3134;
position:relative;
overflow:hidden;
width:60em;
height:300px;
margin:1.5em 0;
}

Это все разорвано прямо из этой демонстрации из этой демонстрации Любая помощь очень ценится

1 Ответ

0 голосов
/ 07 ноября 2011

Добавьте это в свой заголовок, как в демоверсии: 

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

К сожалению, похоже, что другой старый вопрос обнаружил, что вы должны использовать немного более старую версию jquery, но это другая проблема.

...