Beiträge von Sempervivum

    Mit dem HTML-Analysator der Developer-Tools erkennt man, dass das Logo immer aus den selben HTML-Elementen besteht (a-Tag mit img drin) und dass die Bewegungen und Animationen durch CSS und Javascript veranlasst werden. Leider habe ich nicht heraus gefunden, wo sich das Javascript versteckt, weil es so zahlreiche Skript-Dateien sind und sie komprimiert sind. Man kann sich jedoch leicht zusammenreimen, wie es funktioniert:
    Im Ausgangszustand ist das Logo absolut oben auf der Seite positioniert.


    onscroll-Handler registrieren und die Scroll-Position mit einem festen Wert vergleichen.
    Wird die Position größer als dieser Wert: Positionierung auf fixed ändern und Größe animieren mit Easing bounce.
    Wird die Position wieder kleiner als dieser Wert: Logo durch Animation der top-Position nach oben weg gleiten lassen und am Ende die Positionierung wieder auf absolut ändern.

    Anscheinend brauchst Du nur im HTML ein neues Item hinzuzufügen. Habe ich im bootsnip erfolgreich ausprobiert, aber ich wusste nicht, wie ich es speichere. Posten des HTML hat leider auch nicht funktioniert, da das Forum die Zeilenumbrüche verschluckt hat.

    Lade doch deinen Versuch mal hoch und poste die URL, damit man es sich in Aktion ansehen kann. Wenn Du keine Seite, die nicht funktioniert, publizieren willst, kannst Du ja eine nicht öffentliche Testseite anlegen.

    Du solltest Code in Code-Tags setzen. Sonst wird - in diesem Fall - das

    Code
    [i]

    als BB-Code für italic interpretiert und ist nicht mehr zu sehen.

    JavaScript
    var myArray= [4, 5, 6, 99, 68, 7, 24]; // Erzeugt ein Array in der Variablen myArrayvar Zahlen = 0; // initialisiert die Variable Zahlen mit Null
    for(var i=0; i< myArray.length; i++){ // die folgenden Anweisungen werden in einer Schleife wiederholt // beginnend mit i = 0 // solange i kleiner ist als die Anzahl der Zahlen in dem Array // am Ende jedes Durchlaufs wird i um eins erhoeht.
        if(myArray[i] > Zahlen){
            Zahlen = myArray[i];  // Ist das aktuelle Element des Arrays größer als der Inhalt der Variablen Zahlen wird // wird dieses in die Variable eingetragen
        }
    }


    PS: Leider verschluckt die Forensoftware einen Teil der Zeilenumbrüche

    Ich habe die Seite mal herunter geladen und es getestet. Nachdem man das Bild einmal gewechselt hat, triggert der Eventhandler für das Umschalten nicht mehr. Ich vermute, dass das Slideshow-Skript in das Eventhandling eingreift und den Handler löscht.
    Versuch mal, außerhalb des Sliders einen Knopf anzulegen und damit die Divs ein- und auszuschalten. Das hat bei mir funktioniert.
    Wenn ich das richtig sehe, hast Du das Skript bei Codecanyon gekauft. In dem Fall könntest Du auch den Entwickler anschreiben und um Unterstützung bei deinem Problem bitten.

    Das sieht ja übel aus:

    HTML
    <div class="col-md-8">				<div class="profile-content">					<div class="container">    					<div class="row">    						<img src="image/test.JPG" class="img-responsive" width="500" type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">								<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">  									<div class="modal-dialog modal-lg">    									<div class="modal-content">      										<div class="modal-body">      											<head><link href="style.css" rel="stylesheet"></head><body>

    head wurde schon weiter oben geschlossen, ebenso body geöffnet. Offenbar fehlen die schließende </div> für die vielen divs.


    Keine Ahnung, wie man die Zeilenumbrüche hereinbekommt. Dieser Editor treibt mich immer zur Verzweiflung!

    Na, nicht so schlimm. Ich dachte nur zunächst, dass ich irgend etwas übersehe.
    Zwei Fragen:

    • "Ist das erste das bildvorschau.php, das Du einziehst?"
    • Warum nimmst Du nicht einfach eine fertige Lightbox. Das gibt es doch so viele.