| Autor |
Nachricht |
msenger1985
Threadersteller
Dabei seit: 25.08.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 14.01.2012 14: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 15: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?
|
|
| |
|
|
msenger1985
Threadersteller
Dabei seit: 25.08.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 14.01.2012 15: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 09:19
Titel
|
|
|
Hier mal ein kleines Bild
Ich hoffe ihr versteht, was ich meine!
[url=
 Uploaded with ImageShack.us]bild[/url]
|
|
| |
|
|
Azazael
Dabei seit: 15.01.2010
Ort: (Alten)bochum
Alter: 23
Geschlecht:
|
Verfasst Mo 16.01.2012 09: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 10: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 10: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 |
div in div // problem mit padding
<div> Problem
Problem mit Div
Problem mit div
div problem :(
DIV Problem!
|
|
Willkommen auf dem Portal für Mediengestalter
