Autor |
Nachricht |
msenger1985
Threadersteller
Dabei seit: 25.08.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 14.01.2012 13:39
Titel JS DIV-Problem |
|
|
Hallo Freunde,
ich habe ein Bild, was ich von links in die Mitte wandern lasse und das hat ja auch schon geklappt*freu
Jetzt aber das "Problem":
Wenn es von links in die Mitte wandert, soll es erst ab einem bestimmten Zeitpunkt(Wenn es den inneren DIV(id: Box) erreicht hat) sichtbar sein!
Wie bekomme ich das am besten hin?
|
|
|
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 14.01.2012 14:30
Titel
|
|
|
Bitte was? Du animierst ein DIV was nicht zu sehen ist und wird erst sichtbar, wenn es seine Endposition erreicht hat, sprich wenn die Animation zu ende ist?
|
|
|
|
|
Anzeige
|
|
|
msenger1985
Threadersteller
Dabei seit: 25.08.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 14.01.2012 14:36
Titel
|
|
|
Nein...(sry... blöd beschrieben)
Also ich habe einen DIV der in ein anderen DIV gleitet!
Dieser DIV ist aber kleiner als "window".
Also soll der gleitende div erst sichtbar sein, sobald er in den inneren DIV rutscht!
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
msenger1985
Threadersteller
Dabei seit: 25.08.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 16.01.2012 08:19
Titel
|
|
|
Hier mal ein kleines Bild
Ich hoffe ihr versteht, was ich meine!
[url= Uploaded with ImageShack.us]bild[/url]
|
|
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Mo 16.01.2012 08:36
Titel
|
|
|
Also soll id="box" quasi eine Art Fenster darstellen, drumherum ist die Hauswand sodass man das Bild erst sieht wenn es im Fenster "vorbei geht"?
... dann musst du das Bild lediglich in HTML innerhalb des <div id="box" eintragen und entsprechend positionieren
|
|
|
|
|
snuwie
Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 16.01.2012 09:24
Titel
|
|
|
Wie wäre es wenn du einen Link oder jsFiddle hier postest?!
|
|
|
|
|
msenger1985
Threadersteller
Dabei seit: 25.08.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 16.01.2012 09:46
Titel
|
|
|
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Happy Feet - Partner</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<script language="javascript" type="text/javascript" src="js/zufallsbild.js"></script>
<script language="javascript" type="text/javascript" src="js/funktion.js"></script>
</head>
<body>
<div id="verschieben"><img src="grossbilder/werbungPic.jpg" alt="verschieben1" title="verschieben1" /></div>
<div id="box">
<div id="header">
<img src="logobild/logo.jpg" alt="header" title="header" style="border: 0px;" />
</div>
<div id="links">
<a href="index.html" target="_self">Home</a> - <a href="#" target="_self">Werbepartner</a> - <a href="kontakt.html" target="_self">Kontakt</a>
</div>
<div id="inhalt">
<div id="script">
<p><strong>Unsere Werbepartner</strong></p>
<img id="wechselbild" src="bannerbilder/p1.jpg" alt="bild1" title="bild1" width="464" height="104" style="border: 0px;" />
<script language="javascript" type="text/javascript">
<!--
zufallsgenerator();
zeit();
//-->
</script>
</div>
</div>
<div id="footer">
© by mir - <strong>Internetprogrammierung</strong>
</div>
</div>
</body>
</html>
|
Code: |
var tempo = 0;
var start = -400;
function zeit(){
setTimeout('wandern()',2500);
}
function wandern(){
tempo = tempo+3
neueposition=start+tempo
if(neueposition<445)
{
window.document.getElementById('verschieben').style.left = neueposition+"px";
window.setTimeout('wandern()',10);}
} |
|
|
|
|
|
|
|
|
Ähnliche Themen |
Formmailer-Problem-neues problem
[CSS] IE Problem
ie7 problem?
CSS-Problem im IE
sql problem..
Problem mit png fix im IE6
|
|