PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
Fototicker bilder beziehen ect.
Beitrag
<blockquote data-quote="Botox84" data-source="post: 1112056" data-attributes="member: 332876"><p><strong>AW: Fototicker bilder beziehen ect.</strong></p><p></p><p>ehhhhm , ich glaube du hast mich falsch verstanden oder ich mich falsch ausgedrückt.</p><p></p><p>ich möchte ne extra seite haben, wo nen fototicker laufen soll.</p><p>den code den ich gepostet habe, besteht schon auf einer extra seite, da werden alle neuen bilder der user aufgelistet.</p><p></p><p>ich allerdings möchte eine extraseite nur mit nem fototicker, ich poste mal den completten code vom ticker:</p><p></p><p>[PHP] <script type="text/javascript"></p><p> </p><p> /* * * * * * * * * * * * * * * * D I E V A R I A B L E N * * * * * * * * * * * * * * * * * */</p><p></p><p> //°°°°°°°°°°Die News</p><p></p><p>tNews=new Array();</p><p>tNews.push('<img src="../../jpgs/portraitbw/1.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/2.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/3.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/4.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/5.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/6.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/7.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/8.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/9.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/10.jpg" width="100" height="100" />');</p><p></p><p></p><p> //°°°°°°°°°°Laufrichtung(up,down,left,right)</p><p>strDir ='right';</p><p></p><p> //°°°°°°°°°°Delimiter zwischen den einzelnen News(nur bei left/right)</p><p>strDelimiter='';</p><p></p><p> //°°°°°°°°°°Interval in ms</p><p>intInterval =15;</p><p></p><p> //°°°°°°°°°°Stop bei mouseover?true:false</p><p>blnStopHover=true;</p><p></p><p> //°°°°°°°°°°Falls Leeraum zwischen News...hier Wert erhoehen...minimum:1</p><p>intRepeat =1;</p><p></p><p> //°°°°°°°°°°Rahmen</p><p>strBorder ='0px solid #000000';</p><p></p><p> //°°°°°°°°°°Breite</p><p>intWidth =500;</p><p></p><p> //°°°°°°°°°°Höhe</p><p>intHeight =100;</p><p></p><p> //Abstand Rahmen->Inhalt</p><p>intPadding =0;</p><p></p><p> //Background-color</p><p>strBgc ='#FFFFFF';</p><p></p><p> //Text-color</p><p>strTxtc ='#ffffff';</p><p></p><p> //Textausrichtung</p><p>strAlign ='left';</p><p></p><p> //Schritt pro Durchlauf(px)</p><p>intStep=1;</p><p></p><p></p><p>/* * * * * * * * * * * * * * * * * * D E R T I C K E R * * * * * * * * * * * * * * * * * * * * * */</p><p></p><p> //IE ab V4?</p><p>IE=document.all&&!window.opera;</p><p> //DOM-Browser(ausser IE)</p><p>DOM=document.getElementById&&!IE;</p><p></p><p></p><p>//läuft ab IE4 und in DOM-Browsern</p><p>if(DOM||IE)</p><p> {</p><p> //Ermitteln, ob Ticker horizontal oder vertikal laufen soll</p><p> blnDir=(strDir=='up'||strDir=='down')?true:false;</p><p></p><p> //Bei horizontalem Ticker wird ein nobr-, ansonsten ein div-Tag verwendet</p><p> strNobr=(blnDir)?'div':'nobr';</p><p></p><p> //Trennzeichen zwischen den Einzelnen Eintraegen</p><p> //bei horizontalem Ticker gemäss Angabe in Variale strDelimiter</p><p> //Ansonsten Zeilenumbrueche</p><p> strDelimiter=(blnDir)?'<br><br>':strDelimiter;</p><p></p><p> //String fuer Textausrichtung bei vertikalem Ticker</p><p> strAlign=(blnDir)?'text-align:'+strAlign+';':'';</p><p></p><p> //Variable zum Speichern des Intervals</p><p> var objGo;</p><p> //Variable zum Speichern der Position</p><p> intPos=50;</p><p></p><p> //String erzeugen fuer JS-Code, falls Ticker beim mouseover stoppen soll</p><p> strStopHover=(blnStopHover)?'onmouseover="clearInterval(objGo)"onmouseout="objGo=setInterval(\'DM_ticken()\','+intInterval+')"':'';</p><p></p><p> //Tickertext zu String zusammenfuegen</p><p> strText=(blnDir)?tNews.join(strDelimiter)+strDelimiter:tNews.join(strDelimiter)+strDelimiter;</p><p> strNews=strText;</p><p> for(i=1;i<intRepeat;++i)</p><p> {</p><p> strNews+=strText;</p><p> }</p><p></p><p> //TickerCode zu String zusammenfuegen</p><p> strTicker='<div style="position: relative; '+strAlign+'overflow:hidden;background-color:'+strBgc+</p><p> ';border:'+strBorder+';width:'+intWidth+'px;height:'+intHeight+'px;padding:'+intPadding+</p><p> 'px;"><'+strNobr+'><div id="ticker"style="position:relative;color:'+strTxtc+';background-color:'+strBgc+</p><p> ';"'+strStopHover+'>'+strNews+'</div></'+strNobr+'></div>';</p><p></p><p> //TickerCode im Dokument ausgeben</p><p> document.write(strTicker);</p><p></p><p> //Funktion, um Ticker ticken zu lassen</p><p> function DM_ticken()</p><p> {</p><p> //Ticker-Objekt je nach Browser ermitteln</p><p> objTicker=(IE)?document.all.ticker:document.getElementById('ticker');</p><p></p><p> //Array fuer zu manipulierende Eigenschaften des Tickers je nach Richtung</p><p> //Richtung=new Array(Pixelwert zur Aenderung der Position,Breite/Höhe des Tickers,zu andernder Positionswert);</p><p> arrDir=new Array();</p><p> arrDir['up'] =new Array(-1,objTicker.offsetHeight,'top');</p><p> arrDir['down'] =new Array(1,objTicker.offsetHeight,'top');</p><p> arrDir['left'] =new Array(1,objTicker.offsetWidth,'left');</p><p> arrDir['right'] =new Array(-1,objTicker.offsetWidth,'left');</p><p></p><p> //Ermitteln von Breite bzw. Höhe der anzuzeigenden Items</p><p> dblOffset=arrDir[strDir][1]/intRepeat;</p><p></p><p> //Neuen Positionswert ermitteln</p><p> switch(strDir)</p><p> {</p><p> case'right':</p><p> intPos=(Math.abs(intPos)>dblOffset)?0:intPos;break;</p><p> case'left':</p><p> intPos=(intPos>0)?-dblOffset:intPos;break;</p><p> case 'up':</p><p> intPos=(Math.abs(intPos)>dblOffset)?0:intPos;break;</p><p> case 'down':</p><p> intPos=(intPos>0)?-dblOffset:intPos;break;</p><p> }</p><p> //Neuen Positionswert zuweisen</p><p> objTicker.style[arrDir[strDir][2]]=intPos + "px";</p><p></p><p> //Positionswert hoch/heruntersetzen</p><p> intPos+=intStep*arrDir[strDir][0];</p><p> }</p><p> //Erneut ticken lassen</p><p> objGo=setInterval('DM_ticken()',intInterval);</p><p> } </p><p> </script>[/PHP]</p><p></p><p>an dieser Stelle gibt man die Bilder an denke ich mal:</p><p>[PHP]tNews=new Array();</p><p>tNews.push('<img src="../../jpgs/portraitbw/1.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/2.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/3.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/4.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/5.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/6.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/7.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/8.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/9.jpg" width="100" height="100" />');</p><p>tNews.push('<img src="../../jpgs/portraitbw/10.jpg" width="100" height="100" />');</p><p>[/PHP]</p><p>und nun kommt meine alte seite ins spiel, der code vom ticker soll so verändert werden, dass die letzten zehn neuen thumbs/Bilder im ticker sind, von mir aus auch die letzten 20 bilder <img src="/styles/default/xenforo/smilies/zwinker.gif" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /></p><p></p><p>hier noch mal der code von der schon bestehenden seite wo alle neuen bilder aufgelistet werden:</p><p></p><p>[CODE]<?php</p><p># Copyright by: Manuel Staechele</p><p># Support: www.ilch.de</p><p></p><p></p><p>defined ('main') or die ( 'no direct access' );</p><p></p><p># mini config</p><p>$img_per_site = $allgAr['gallery_imgs_per_site'];</p><p>$img_per_line = $allgAr['gallery_imgs_per_line'];</p><p># original groesse anzeigen</p><p></p><p>$title = $allgAr['title'].' :: Fotoalbum';</p><p>$hmenu = 'Fotoalbum';</p><p>$design = new design ( $title , $hmenu );</p><p>$design->header();</p><p>$tpl = new tpl ('foto' );</p><p></p><p>$limit = $img_per_site;</p><p>$page = ($menu->getA(1) == 'p' ? escape($menu->getE(1), 'integer') : 1 );</p><p>$MPL = db_make_sites ($page , '' , $limit , '?foto' , "usergallery WHERE free = '1' ORDER BY id ASC");</p><p>$anfang = ($page - 1) * $limit;</p><p>$erg = db_query("SELECT prefix_usergallery.id,uid,prefix_usergallery.`besch`,endung,prefix_usergallery.name,prefix_user.name as user_name FROM prefix_usergallery LEFT JOIN prefix_user ON prefix_usergallery.uid = prefix_user.id WHERE free = '1' ORDER BY prefix_usergallery.id DESC LIMIT ".$anfang.",".$limit);</p><p>if ( db_num_rows($erg) > 0 ) {</p><p> $tpl->set('imgperline', $allgAr['gallery_imgs_per_line']);</p><p> $tpl->set('breite', $allgAr['gallery_normal_width']+30);</p><p> $tpl->set('MPL',$MPL);</p><p> $tpl->out(0); $class = 'Cnorm';</p><p> $i = 0;</p><p> while($row = db_fetch_assoc($erg) ) {</p><p> $size = @getimagesize('include/images/usergallery/img_thumb_'.$row['id'].'.'.$row['endung']);</p><p> if($size[0] > $size[1]){</p><p> $breite = '100';</p><p> $hoehe = $size[1] * (100 / $size[0] );</p><p> }elseif($size[0] <= $size[1]){</p><p> $hoehe = '100';</p><p> $breite = $size[0] * (100 / $size[1] );</p><p> }</p><p> $row['groesse'] = 'height="'.$hoehe.'" width="'.$breite.'"';</p><p> $class = ( $class == 'Cmite' ? 'Cnorm' : 'Cmite' );</p><p> $row['class'] = $class;</p><p> $row['besch'] = unescape($row['besch']);</p><p> $row['width'] = round( 100 / $img_per_line );</p><p> $row['bildr'] = $i + (($page-1) * $img_per_site);</p><p> if ( $i <> 0 AND ($i % $img_per_line ) == 0 ) { echo '</tr><tr>'; }</p><p> $tpl->set_ar_out($row,1);</p><p> $i++;</p><p> }</p><p> if ( $i % $img_per_line <> 0 ) {</p><p> $anzahl = $img_per_line - ($i % $img_per_line);</p><p> for($x=1;$x<=$anzahl;$x++){</p><p> echo '<td class="'.$class.'"></td>';</p><p> }</p><p> }</p><p> $tpl->out(2);</p><p>}</p><p>$design->footer();</p><p>?>[/CODE]</p><p></p><p>hoffe ich konnte es so erklären das man durchsieht!</p></blockquote><p></p>
[QUOTE="Botox84, post: 1112056, member: 332876"] [b]AW: Fototicker bilder beziehen ect.[/b] ehhhhm , ich glaube du hast mich falsch verstanden oder ich mich falsch ausgedrückt. ich möchte ne extra seite haben, wo nen fototicker laufen soll. den code den ich gepostet habe, besteht schon auf einer extra seite, da werden alle neuen bilder der user aufgelistet. ich allerdings möchte eine extraseite nur mit nem fototicker, ich poste mal den completten code vom ticker: [PHP] <script type="text/javascript"> /* * * * * * * * * * * * * * * * D I E V A R I A B L E N * * * * * * * * * * * * * * * * * */ //°°°°°°°°°°Die News tNews=new Array(); tNews.push('<img src="../../jpgs/portraitbw/1.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/2.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/3.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/4.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/5.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/6.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/7.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/8.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/9.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/10.jpg" width="100" height="100" />'); //°°°°°°°°°°Laufrichtung(up,down,left,right) strDir ='right'; //°°°°°°°°°°Delimiter zwischen den einzelnen News(nur bei left/right) strDelimiter=''; //°°°°°°°°°°Interval in ms intInterval =15; //°°°°°°°°°°Stop bei mouseover?true:false blnStopHover=true; //°°°°°°°°°°Falls Leeraum zwischen News...hier Wert erhoehen...minimum:1 intRepeat =1; //°°°°°°°°°°Rahmen strBorder ='0px solid #000000'; //°°°°°°°°°°Breite intWidth =500; //°°°°°°°°°°Höhe intHeight =100; //Abstand Rahmen->Inhalt intPadding =0; //Background-color strBgc ='#FFFFFF'; //Text-color strTxtc ='#ffffff'; //Textausrichtung strAlign ='left'; //Schritt pro Durchlauf(px) intStep=1; /* * * * * * * * * * * * * * * * * * D E R T I C K E R * * * * * * * * * * * * * * * * * * * * * */ //IE ab V4? IE=document.all&&!window.opera; //DOM-Browser(ausser IE) DOM=document.getElementById&&!IE; //läuft ab IE4 und in DOM-Browsern if(DOM||IE) { //Ermitteln, ob Ticker horizontal oder vertikal laufen soll blnDir=(strDir=='up'||strDir=='down')?true:false; //Bei horizontalem Ticker wird ein nobr-, ansonsten ein div-Tag verwendet strNobr=(blnDir)?'div':'nobr'; //Trennzeichen zwischen den Einzelnen Eintraegen //bei horizontalem Ticker gemäss Angabe in Variale strDelimiter //Ansonsten Zeilenumbrueche strDelimiter=(blnDir)?'<br><br>':strDelimiter; //String fuer Textausrichtung bei vertikalem Ticker strAlign=(blnDir)?'text-align:'+strAlign+';':''; //Variable zum Speichern des Intervals var objGo; //Variable zum Speichern der Position intPos=50; //String erzeugen fuer JS-Code, falls Ticker beim mouseover stoppen soll strStopHover=(blnStopHover)?'onmouseover="clearInterval(objGo)"onmouseout="objGo=setInterval(\'DM_ticken()\','+intInterval+')"':''; //Tickertext zu String zusammenfuegen strText=(blnDir)?tNews.join(strDelimiter)+strDelimiter:tNews.join(strDelimiter)+strDelimiter; strNews=strText; for(i=1;i<intRepeat;++i) { strNews+=strText; } //TickerCode zu String zusammenfuegen strTicker='<div style="position: relative; '+strAlign+'overflow:hidden;background-color:'+strBgc+ ';border:'+strBorder+';width:'+intWidth+'px;height:'+intHeight+'px;padding:'+intPadding+ 'px;"><'+strNobr+'><div id="ticker"style="position:relative;color:'+strTxtc+';background-color:'+strBgc+ ';"'+strStopHover+'>'+strNews+'</div></'+strNobr+'></div>'; //TickerCode im Dokument ausgeben document.write(strTicker); //Funktion, um Ticker ticken zu lassen function DM_ticken() { //Ticker-Objekt je nach Browser ermitteln objTicker=(IE)?document.all.ticker:document.getElementById('ticker'); //Array fuer zu manipulierende Eigenschaften des Tickers je nach Richtung //Richtung=new Array(Pixelwert zur Aenderung der Position,Breite/Höhe des Tickers,zu andernder Positionswert); arrDir=new Array(); arrDir['up'] =new Array(-1,objTicker.offsetHeight,'top'); arrDir['down'] =new Array(1,objTicker.offsetHeight,'top'); arrDir['left'] =new Array(1,objTicker.offsetWidth,'left'); arrDir['right'] =new Array(-1,objTicker.offsetWidth,'left'); //Ermitteln von Breite bzw. Höhe der anzuzeigenden Items dblOffset=arrDir[strDir][1]/intRepeat; //Neuen Positionswert ermitteln switch(strDir) { case'right': intPos=(Math.abs(intPos)>dblOffset)?0:intPos;break; case'left': intPos=(intPos>0)?-dblOffset:intPos;break; case 'up': intPos=(Math.abs(intPos)>dblOffset)?0:intPos;break; case 'down': intPos=(intPos>0)?-dblOffset:intPos;break; } //Neuen Positionswert zuweisen objTicker.style[arrDir[strDir][2]]=intPos + "px"; //Positionswert hoch/heruntersetzen intPos+=intStep*arrDir[strDir][0]; } //Erneut ticken lassen objGo=setInterval('DM_ticken()',intInterval); } </script>[/PHP] an dieser Stelle gibt man die Bilder an denke ich mal: [PHP]tNews=new Array(); tNews.push('<img src="../../jpgs/portraitbw/1.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/2.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/3.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/4.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/5.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/6.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/7.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/8.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/9.jpg" width="100" height="100" />'); tNews.push('<img src="../../jpgs/portraitbw/10.jpg" width="100" height="100" />'); [/PHP] und nun kommt meine alte seite ins spiel, der code vom ticker soll so verändert werden, dass die letzten zehn neuen thumbs/Bilder im ticker sind, von mir aus auch die letzten 20 bilder ;) hier noch mal der code von der schon bestehenden seite wo alle neuen bilder aufgelistet werden: [CODE]<?php # Copyright by: Manuel Staechele # Support: www.ilch.de defined ('main') or die ( 'no direct access' ); # mini config $img_per_site = $allgAr['gallery_imgs_per_site']; $img_per_line = $allgAr['gallery_imgs_per_line']; # original groesse anzeigen $title = $allgAr['title'].' :: Fotoalbum'; $hmenu = 'Fotoalbum'; $design = new design ( $title , $hmenu ); $design->header(); $tpl = new tpl ('foto' ); $limit = $img_per_site; $page = ($menu->getA(1) == 'p' ? escape($menu->getE(1), 'integer') : 1 ); $MPL = db_make_sites ($page , '' , $limit , '?foto' , "usergallery WHERE free = '1' ORDER BY id ASC"); $anfang = ($page - 1) * $limit; $erg = db_query("SELECT prefix_usergallery.id,uid,prefix_usergallery.`besch`,endung,prefix_usergallery.name,prefix_user.name as user_name FROM prefix_usergallery LEFT JOIN prefix_user ON prefix_usergallery.uid = prefix_user.id WHERE free = '1' ORDER BY prefix_usergallery.id DESC LIMIT ".$anfang.",".$limit); if ( db_num_rows($erg) > 0 ) { $tpl->set('imgperline', $allgAr['gallery_imgs_per_line']); $tpl->set('breite', $allgAr['gallery_normal_width']+30); $tpl->set('MPL',$MPL); $tpl->out(0); $class = 'Cnorm'; $i = 0; while($row = db_fetch_assoc($erg) ) { $size = @getimagesize('include/images/usergallery/img_thumb_'.$row['id'].'.'.$row['endung']); if($size[0] > $size[1]){ $breite = '100'; $hoehe = $size[1] * (100 / $size[0] ); }elseif($size[0] <= $size[1]){ $hoehe = '100'; $breite = $size[0] * (100 / $size[1] ); } $row['groesse'] = 'height="'.$hoehe.'" width="'.$breite.'"'; $class = ( $class == 'Cmite' ? 'Cnorm' : 'Cmite' ); $row['class'] = $class; $row['besch'] = unescape($row['besch']); $row['width'] = round( 100 / $img_per_line ); $row['bildr'] = $i + (($page-1) * $img_per_site); if ( $i <> 0 AND ($i % $img_per_line ) == 0 ) { echo '</tr><tr>'; } $tpl->set_ar_out($row,1); $i++; } if ( $i % $img_per_line <> 0 ) { $anzahl = $img_per_line - ($i % $img_per_line); for($x=1;$x<=$anzahl;$x++){ echo '<td class="'.$class.'"></td>'; } } $tpl->out(2); } $design->footer(); ?>[/CODE] hoffe ich konnte es so erklären das man durchsieht! [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
PHP, Javascript, jQuery, Ajax, nodeJS, MySQL...
Fototicker bilder beziehen ect.
Oben