Scrollgrafik nur in Safari?

Dieses Thema im Forum "Web Page Design" wurde erstellt von BEASTIEPENDENT, 25.07.2005.

  1. BEASTIEPENDENT

    BEASTIEPENDENT Thread Starter MacUser Mitglied

    Beiträge:
    1.948
    Zustimmungen:
    5
    MacUser seit:
    26.10.2003
    holla zesamme ;)

    ich wollte - nach anleitung der internet world wie auf der seite www.fasm.de - ein selbst scrollendes panorama mit einem objekt davor für die 3d-wirkung. per javascript geht das mit der rollenden hintergrund-pano-grafik. ich musste den javascript-code allerdings in die html-datei einbinden, sie als externe datei aufzurufen klappte partout überhaupt nicht.
    nu funzt es:
    http://www.beastiependent.com/indextest.html - aber nur in safari?!!!

    kann mir jemand sagen, wieso im firefox die hintergrundgrafik mit dem städtepano nur kurz aufblitzt und dann verschwindet, geschweige denn scrollt? im opera dasselbe, IE probier ich hier nich. eine gif-ani wäre mir zu ruckelig (und würde wohl auch viel zu groß, ladezeittechnisch).

    der relevante code sollte dieser hier sein:
    Code:
    <style type="text/css">
    #pageheader{
    background: transparent;
    background-image: url(./bkgr-pano.jpg);
    background-repeat: no-repeat;
    background-position: auto;
    overflow: hidden;
    }
    </style>
    </head>
    
    
        <td width="400" height="130">
    	<body onLoad="setUp();">
    	<div id="pageheader">
    	<img src="schablone.gif" width="400" height="128" id="schablone"></div>
    	
    	<script language="JavaScript"
    type="text/javascript">
    <!--
    var anfang = 500;
    var ende = 1137;
    var i =  anfang;
    var j = -1;
    
    function setUp()
    {
    	var scroll = window.setInterval("bgscroll()",50);
    }
    
    function bgscroll()
    {
    	if ( (i == anfang) || (i == ende) )
    	{
    		j = -j
    	};
    	i=i+j;
    	document.getElementById("pageheader").style.backgroundPosition = i+"px 0px";
    }
    	//-->
    	</script>
    
    ...</body>
    </html>
    
    wobei zudem noch nett wär, wenn mir jemand erklären könnte, wofür welche zahl in dem js steht. :D ich werd nich schlau draus bzw. kapier auch nich so genau, wie ich messen soll, wo die grafik anfängt...

    punkt 2: kennt jemand eine möglichkeit, wie ich immer wiederkehrenden header, footer und navigation am einfachsten in eine html-seite einbinde. auf meiner privaten seite habe ich das derzeit mittels ssi-dateien ind shtml, aber da muss ich in jede einzelne seite die drei dateien einfügen (und das geht in dreamweaver nichtmal irgendwie automatisiert oder per shortcut). für css bin ich zu doof (und hab nich die zeit, mir das beizubringen), dynamisch per cms/php ist auch zu kompliziert... jemand eine idee?
     
    Zuletzt von einem Moderator bearbeitet: 24.10.2015
Die Seite wird geladen...

Diese Seite empfehlen