mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 20:55 Benutzername: Passwort: Auto-Login

Thema: JS DIV-Problem vom 14.01.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> JS DIV-Problem
Seite: 1, 2  Weiter
Autor Nachricht
msenger1985
Threadersteller

Dabei seit: 25.08.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 14.01.2012 13:39
Titel

JS DIV-Problem

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 14.01.2012 14:30
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
msenger1985
Threadersteller

Dabei seit: 25.08.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 14.01.2012 14:36
Titel

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 15.01.2012 03:58
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.google.de/?q=css+overflow+hidden
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
msenger1985
Threadersteller

Dabei seit: 25.08.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 16.01.2012 08:19
Titel

Antworten mit Zitat Zum Seitenanfang

Hier mal ein kleines Bild
Ich hoffe ihr versteht, was ich meine!
[url=
Uploaded with ImageShack.us]bild[/url]
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Mo 16.01.2012 08:36
Titel

Antworten mit Zitat Zum Seitenanfang

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 * Keine Ahnung... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 16.01.2012 09:24
Titel

Antworten mit Zitat Zum Seitenanfang

Wie wäre es wenn du einen Link oder jsFiddle hier postest?! Lächel
  View user's profile Private Nachricht senden
msenger1985
Threadersteller

Dabei seit: 25.08.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 16.01.2012 09:46
Titel

Antworten mit Zitat Zum Seitenanfang

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">

    &copy; 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);}
}
  View user's profile Private Nachricht senden
 
Ähnliche Themen Formmailer-Problem-neues problem
[CSS] IE Problem
ie7 problem?
CSS-Problem im IE
sql problem..
Problem mit png fix im IE6
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.