Auf Thema antworten 2026

Beitrag

<blockquote data-quote="mindraper" data-source="post: 1929313" data-attributes="member: 115163">AW: [Javascript] Autoplay Funktionhi.hilfreiche codestücke:- setInterval- setTimeouteine kleine helperfunction, um nicht dauern &quot;this.style.WERT&quot; oder &quot;ELEMENT.style.WERT&quot; schreiben zu müssen:[PHP]function setCSS( element, styles ){&nbsp;&nbsp; var rule;&nbsp;&nbsp; for( rule in styles ){&nbsp; &nbsp; &nbsp; element.style[rule] = styles[rule];&nbsp;&nbsp; }}[/PHP]nutzung dann wie folgt (beispielhaft):[PHP]var div = document.getElementById( &#039;meinDiv&#039; );setCSS( div, {&nbsp;&nbsp; backgroundColor : &#039;#ff0000&#039;,&nbsp;&nbsp; width : &#039;300px&#039;,&nbsp;&nbsp; height : &#039;300px&#039;});[/PHP]sollen via setCSS() mehrere elemente ( z.b. eine nodelist ) gleichzeitig bearbeitet werden, musst du setCSS() anpassen:[PHP]function setCSS( elements, styles ){&nbsp;&nbsp; var i, rule;&nbsp;&nbsp; // Check ob es eine NodeList ist&nbsp;&nbsp; if( elements.length &amp;&amp; typeof elements !== &#039;string&#039; &amp;&amp; typeof elements !== &#039;function&#039; &amp;&amp; !elements.push ){&nbsp; &nbsp; &nbsp; for( i = 0; i &lt; elements.length; i = i+1 ){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; for( rule in styles ){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; elements[i].style[rule] = styles[rule];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; }&nbsp;&nbsp; }&nbsp;&nbsp; // Check auf Einzelelement, das ein HTML-DOMElement sein muss&nbsp;&nbsp; if( elements.nodeType &amp;&amp; elements.nodeType === 1 ){&nbsp; &nbsp; &nbsp; for( rule in styles ){&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; elements.style[rule] = styles[rule];&nbsp; &nbsp; &nbsp; }&nbsp;&nbsp; }}[/PHP]diese function kann dann auch so genutzt werden:mit mehreren elementen:[PHP]var divs = document.getElementsByTagName( &#039;div&#039; );setCSS( divs, {&nbsp;&nbsp; backgroundColor : &#039;#ff0000&#039;,&nbsp;&nbsp; width : &#039;300px&#039;,&nbsp;&nbsp; height : &#039;300px&#039;});[/PHP]oder weiterhin mit einem einzelnen element ( wie vorher auch ):[PHP]var div = document.getElementById( &#039;meinDiv&#039; );setCSS( div, {&nbsp;&nbsp; backgroundColor : &#039;#ff0000&#039;,&nbsp;&nbsp; width : &#039;300px&#039;,&nbsp;&nbsp; height : &#039;300px&#039;});[/PHP]wie von Duddle schon gesagt, kannst du dir diese arbeit ( und alles das, was sonst noch kommt ) auch sparen, wenn du ein framework nutzt. sowas haben meines wissens nach alle frameworks drauf, zumindest bieten sie schon alle einzelteile, die du für eine &quot;slideshow&quot; brauchst. denn nur mit dem setzen von einzelnen styles ist es nicht getan, sofern du die bilder / divs / whatever wirklich &quot;sliden&quot; willst.hoffe das hilft</blockquote>

[QUOTE="mindraper, post: 1929313, member: 115163"] [b]AW: [Javascript] Autoplay Funktion[/b] hi. hilfreiche codestücke: - setInterval - setTimeout eine kleine helperfunction, um nicht dauern "this.style.WERT" oder "ELEMENT.style.WERT" schreiben zu müssen: [PHP] function setCSS( element, styles ){ var rule; for( rule in styles ){ element.style[rule] = styles[rule]; } } [/PHP] nutzung dann wie folgt (beispielhaft): [PHP] var div = document.getElementById( 'meinDiv' ); setCSS( div, { backgroundColor : '#ff0000', width : '300px', height : '300px' }); [/PHP] sollen via setCSS() mehrere elemente ( z.b. eine nodelist ) gleichzeitig bearbeitet werden, musst du setCSS() anpassen: [PHP] function setCSS( elements, styles ){ var i, rule; // Check ob es eine NodeList ist if( elements.length && typeof elements !== 'string' && typeof elements !== 'function' && !elements.push ){ for( i = 0; i < elements.length; i = i+1 ){ for( rule in styles ){ elements[i].style[rule] = styles[rule]; } } } // Check auf Einzelelement, das ein HTML-DOMElement sein muss if( elements.nodeType && elements.nodeType === 1 ){ for( rule in styles ){ elements.style[rule] = styles[rule]; } } } [/PHP] diese function kann dann auch so genutzt werden: mit mehreren elementen: [PHP] var divs = document.getElementsByTagName( 'div' ); setCSS( divs, { backgroundColor : '#ff0000', width : '300px', height : '300px' }); [/PHP] oder weiterhin mit einem einzelnen element ( wie vorher auch ): [PHP] var div = document.getElementById( 'meinDiv' ); setCSS( div, { backgroundColor : '#ff0000', width : '300px', height : '300px' }); [/PHP] wie von Duddle schon gesagt, kannst du dir diese arbeit ( und alles das, was sonst noch kommt ) auch sparen, wenn du ein framework nutzt. sowas haben meines wissens nach alle frameworks drauf, zumindest bieten sie schon alle einzelteile, die du für eine "slideshow" brauchst. denn nur mit dem setzen von einzelnen styles ist es nicht getan, sofern du die bilder / divs / whatever wirklich "sliden" willst. hoffe das hilft [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?