Was machen die folgenden Funktionen?

JSON.stringify({...})
JSON.parse(text)

Hey, im voraus möchte ich schonmal erwähnen das ich hier absoluter Neuling bin.

Seit ein paar Tagen "spiele" ich etwas mit HTML und CSS herum, ich hab einen Button eingefügt dem ich ein img hinzugefügt habe, nun bekomme ich die Breite des Buttons aber nicht angepasst, entweder es ändert sich garnichts oder der Button bedeckt die vollständige Seite.

Ist es überhaupt möglich den Buttn in % zu skalieren oder muss ich mit px arbeiten?

Hoffe mich kann jemand aufklären :)

Habe mir das ganze nochmal angeschaut, macht den Eindruck als würde "width" vollständig ignoriert. Wenn ich "height" verändere passt sich "width" automatisch an um die Proportionen beizubehalten.

Hallo Leute,

Ich habe eine Seite geschrieben, welche 5 videos direkt untereinander abspielen soll.

-Klappt wunderbar ich habe dafür den HTML 5 Tag benutzt:

<video class="vid" autoplay="true" loop>
   <source src="/vids/1.webm" type="video/webm" /> 
   <source src="/vids/1.mp4" type="video/mp4" /> 
   <source src="/vids/1.ogv" type="video/ogg" /> 
</video>

Doch eine Sache stört mich, sobald man die Seite aufruft lädt der direkt alle videos und erst dann fängt er an das erste abzuspielen.

Ich würde gerne, dass er erst das erste Video lädt - abspielt wenns fertig ist und dann mit dem zweiten weiter macht.

Wie kann ich das so einrichten?

LG

Hallo :-)

Ich will, dass auf einer Website die Bilder hervorgehoben werden, wenn ich mit der Maus darüber fahre. Das klappt soweit, allerdings überlappt das vergrößerte Bild nur die vorhergehenden Bilder, nicht aber die Nachfolgenden (Bild als Beispiel).

Mein Code bisher ist:

 <img src="bild1.png" alt="bild" 
 style="border: 0; width: 60px; height: 75px;"
 onmouseover="this.style.width='90px'; this.style.height='113px'; this.style.top='81px'; this.style.left='85px';"
 onmouseout="this.style.width='60px'; this.style.height='75px'; this.style.top='100px'; this.style.left='100px';">

Bild1 ist:

.bild1 {
position: absolute;
top: 100px;
left: 100px;
}

Was muss ich am Code ändern, damit auch die nachfolgenden Bilder überlappt werden?

Der Code ist momentan nur provisorisch, Verbesserungsvorschläge nehme ich aber gern an ;-)

Danke schon mal

Hallol, ich möchte gerne Datensätze in einem DIV mit overflow: auto und einer festen Höhe nachladen über AJAX. Bisher ist es mit dem nachfolgenden Code so, dass nur nachgeladen wird wenn man auf der Seite nach unten scrollt.

Wie muss man den Code verändern, dass wenn man in dem DIV runterscrollt, die Datensätzte geladen werden?

    $(document).ready(function() {
    start = 0;
    count = 5;
    for (var i = 0; i < 1; i++){
        loadcontent(); 
    }
});
 
function loadcontent() {
    $("div.loader").show();    
     
    $.ajax({
        type: 'get',
        url: '/includes/ajax.php',
        async: false,
        data: { start : start, count : count },
        success: function (html){
            if(html){
                $('.container').append(html);
                start = start + 5;
            }else{
                $('.end').html('<p>Keine weiteren Posts!</p>');
            }
        }
         
    }) 
 
    $("div.loader").fadeOut('normal');     
}
 
$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height() - $(window).height()){       
            loadcontent();         
    }
});

Vielen Dank.