PHP-FUSION DEUTSCHLAND
  • DEIN CMS - DEINE ZUKUNFT
Thread Verfasser: Catzenjaeger
Thread ID: 1009
Thread Info
Es gibt 11 Beiträge zu diesem Thema, und es wurde 4433 Mal angesehen.  Ausserdem wurden Dateien angehängt.

PHP-Fusion Deutschland - Offizielle Supportseite » Support Allgemein » Code Snippets und Funktionen

 Thema drucken
Slideshow - Bild verschoben
Catzenjaeger
Top  #1 Beitrag drucken
Geschrieben am 07.07.2016 um 10:09
Ich habe ein Slideshowpanel gefunden was ich gerne bei mir einsetzen möchte. Den Umbau habe ich soweit fertiggebracht allerdings ist das Bild irgendwie verschoben

weiss jemand wie und wo ich das fixe?

Code 

$result2 = dbquery ("

   SELECT

      figure_images_image_id,    

      figure_images_figure_id,    

      figure_images_image,    

      figure_images_thumb 

   FROM ".DB_FIGURE_IMAGES."

   WHERE figure_images_figure_id='".$data['figure_id']."' ");





$XML_File = "<slideshow>";



if (dbrows($result2)) while ($data2 = dbarray($result2)){

   $XML_File .= "

   <slide>

      <file>".INFUSIONS."figurelib/figures/images/".$data2['figure_images_image']."</file>

      <tnfile>".INFUSIONS."figurelib/figures/images/thumbs/".$data2['figure_images_thumb']."</tnfile>

   </slide>";

      }

         

$XML_File .= "</slideshow>";



file_put_contents(INFUSIONS."figurelib/FlashSlide.xml",$XML_File);



echo "\n<!-- SlideShow -->\n";

echo "<div align='center'>\n";

echo "<embed src='".INFUSIONS."figurelib/FlashSlide.swf' ";

echo "type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' ";

echo "quality='high' allowscriptaccess='always' allowFullScreen='true' wmode='transparent' ";

echo "width='100%' height='259' align='middle'></embed>\n";

echo "</div>\n\n";

Catzenjaeger hat folgende Datei angehängt:
Du hast nicht die Berechtigung die Anhäge dieses Themas zu sehen.
Bearbeitet von Catzenjaeger am 07.07.2016 um 11:31
 
WWW
John Doe
Top  #2 Beitrag drucken
Geschrieben am 07.07.2016 um 13:03

Code 

echo "width='100%' height='259' align='middle'></embed>\n";



Wenn du dem Flashbereich nur eine Höhe von 259 zuordnest darf auch das bild nicht höher sein....

Ich würde allerdings dringend von Flash abraten. Es gibt sehr gute (und schönere) Slider zb für jQuery.
Dieses Mitglied wurde gelöscht!
 
WWW
Catzenjaeger
Top  #3 Beitrag drucken
Geschrieben am 07.07.2016 um 13:39
Diese werte habe ich alles schon zig mal getauscht .. keine Änderung in keiner weise .. ich bin ratlos

habs mit 100px oder 100% probiert .. bleibt immer gleich
 
WWW
John Doe
Top  #4 Beitrag drucken
Geschrieben am 07.07.2016 um 13:53
Die Angabe von 100px ist in diesem Codebereich in dieser Form überhaupt nicht zulässig, (px gibt es hier nicht). "100%" funktioniert in der Höhe hier ebenfalls nicht, wobei sich die 100% in dem Fall dann auch auf den übergeordneten Container beziehen würde.

Du hast also einmal die GESAMTHÖHE des Containers ansich (<embed>) für den Flashbereich aber keine Grössenangaben für deine Bilder....
Dieses Mitglied wurde gelöscht!
 
WWW
Catzenjaeger
Top  #5 Beitrag drucken
Geschrieben am 07.07.2016 um 14:09
sorry das wusst ich n icht .. woher auch ... aber wie muss ich das nun ändern? Die Bilder haben ja nie die gleiche Höhe bzw Größe. Die werden ja aus dem Folder geholt und via DB Abfrage ausgefiltert. das klappt alles hervorragend ... nur die anzeige halt nicht Smile
 
WWW
John Doe
Top  #6 Beitrag drucken
Geschrieben am 07.07.2016 um 14:18
Genau deshalb rate ich (unter Anderem) von der Flashlösung ab. Diesen Container kannst du nicht "dynamisch" gestalten. Suche mal über Google nach "jQuery Slider", da wirst du sicher fündig und die Dinger laufen auch mit unterschiedlichen Bildgrössen recht problemlos wobei ich sowas auch immer recht "unschön" finde.
Dieses Mitglied wurde gelöscht!
 
WWW
Catzenjaeger
Top  #7 Beitrag drucken
Geschrieben am 07.07.2016 um 14:35
habe eine Lösung die zumindest funktioniert --> Hayaletsevgili Slide Panel v1.0

allerdings wird das Bild nicht richtig angezeigt (verzogen)

hier der code:

Code 

openside();      

global $settings;



/*

| hayaletsevgili_slide_panel v1.0

| for PHP-Fusion v7.02xx

| Author: HaYaLeT

| Contact: piedra1436@hotmail.com

| Web: http://www.hayaletsevgili.com



*/



add_to_head("<link rel='stylesheet' type='text/css' href=' ".INFUSIONS."figurelib/css/global.css' />");

add_to_head("<script type='text/javascript' src='".INFUSIONS."figurelib/js/slides.min.jquery.js'></script> ");

add_to_head("<script type='text/javascript' src='".INFUSIONS."figurelib/js/thisslide.js'></script> ");



/*

echo "

   <div id='container'>

      <div id='example'>

         <img src='".INFUSIONS."figurelib/images/new-ribbon.png' width='112' height='112' alt='".$locale['slide007']."' id='ribbon' />

         <div id='slides'>

            <div class='slides_container'>";

*/



echo "

   <div id='container'>

      <div id='example'>

         <div id='slides'>

            <div class='slides_container'>";            



$result = dbquery ("

   SELECT

      fimg.figure_images_image_id,    

      fimg.figure_images_figure_id,    

      fimg.figure_images_image,    

      fimg.figure_images_thumb,

      fi.figure_id, 

      fi.figure_title

   FROM ".DB_FIGURE_IMAGES." fimg

   INNER JOIN ".DB_FIGURE_ITEMS." fi ON fimg.figure_images_figure_id=fi.figure_id 

   WHERE figure_images_figure_id='".$data['figure_id']."' ");



if (dbrows($result)!= "0") {

 while($data = dbarray($result)) {



               echo "<div class='slide'>                              

                  <a href='".INFUSIONS."figurelib/figures.php?figure_id=".$data['figure_id']."'>

<img  src='".INFUSIONS."figurelib/figures/images/".$data['figure_images_image']."' border='0' width='470' height='500' alt='".$data['figure_title']."' title='".$data['figure_title']."' /></a>

                  <div class='caption' style='bottom:0'>

                     <p>".$data['figure_title']."</p>

                  </div>

               </div>"; }



} else {

   echo $locale['slide002'];

}

            echo "</div>

            <a href='#' class='prev'><img src='".INFUSIONS."figurelib/images/arrow-prev.png' width='24' height='43' alt='".$locale['slide008']."' title='".$locale['slide006']."' /></a>

            <a href='#' class='next'><img src='".INFUSIONS."figurelib/images/arrow-next.png' width='24' height='43' alt='".$locale['slide009']."' title='".$locale['slide005']."' /></a>

         </div>

         <img src='".INFUSIONS."figurelib/images/example-frame.png' width='639' height='341' alt='".$locale['slide010']."' id='frame' />

      </div>



   </div>";

/* END OF

| hayaletsevgili_slide_panel v1.0

| for PHP-Fusion v7.02xx

| Author: HaYaLeT

| Contact: piedra1436@hotmail.com

| Web: http://www.hayaletsevgili.com

*/

   



closeside;



mit der css komme ich nicht zurecht .. egal was ich ändere die blöden Button unten verschwinden nicht

das Bild ist auch verzogen. Ich würde das gerne 100% in der breite haben so das es das panel komplett füllt
Bearbeitet von Catzenjaeger am 07.07.2016 um 16:13
 
WWW
John Doe
Top  #8 Beitrag drucken
Geschrieben am 07.07.2016 um 16:19
Nunja, wenn du mit der CSS nicht zurechtkommst, was nützt uns dann der PHP- bzw HTML-Code?

Vielleicht kannst du das komplette Panel inkl aller Dateien ja mal inkl deiner bereits getätigten Änderungen anhängen, dann kann man dir sicher besser weiterhelfen.

Ausserdem wäre eine Liveansicht nicht schlecht.
Dieses Mitglied wurde gelöscht!
 
WWW
Catzenjaeger
Top  #9 Beitrag drucken
Geschrieben am 07.07.2016 um 19:37
das wäre echt klasse. Ich hänge es mal an.
Ich habe alle Daten in meine Infusion gepackt (css und js)
Die includes sind kein Problem und laufen auch)

das einzige wäre jetzt das noch anzupassen. Am liebsten nur die Bilder und rechts und links ein Pfeil zum vor und rückwärts. wichtig das die Bilder nicht verzerrt sind. Ich weiss nicht ob es da was gibt.

Im Moment ist auch unten (habe es mit pfeil markiert) irgendwas zu sehen .. das muss weg Smile oder weiter hoch wenn das die kleinen Vorschaubilder sein sollen

Wenn das geht unten die Bilder klein anzeigen und bei klick öffnen das ist aber obligatorisch.

hier 2 Bilder wie es aussieht im Moment

Zusammengefügt am 08. Juli 2016 um 12:40:24:
Hi kann mir jemand helfen wie man so ein JQUERY einbaut? Ich brauch ja eigentlich nur das Bild und ein vor und zurück button. Wenn da noch Verschönerungen wie kleinen Thumbnails unten wären dann wäre dies top Smile
Catzenjaeger hat folgende Datei angehängt:
Du hast nicht die Berechtigung die Anhäge dieses Themas zu sehen.
Bearbeitet von Catzenjaeger am 08.07.2016 um 12:40
 
WWW
John Doe
Top  #10 Beitrag drucken
Geschrieben am 08.07.2016 um 13:10
Du erinnerst dich bestimmt noch an meine Aussage mit den Grundlagen und dass man damit anfangen sollte, ja?

Du bist jetzt an einem Punkt, an dem es genau darum geht. Dir fehlen die Grundlagen, einfachstes HTML und CSS.

Und solange du keine konkreten Fragen stellst wie zb um welchen Slider genau es geht (ich sagte bereits es gibt unzählige Fertige kostenlos im Netz) kann man auch keine konkreten Aussagen darüber machen, wie er eingebaut wird.

Suche über Google nach "free jquery slider", such dir einen Hübschen aus und versuche dich daran.
Dieses Mitglied wurde gelöscht!
 
WWW
Catzenjaeger
Top  #11 Beitrag drucken
Geschrieben am 08.07.2016 um 13:44
Smile na ich habe doch einen drin ... der funktioniert auch. Eingebaut habe ich den schon korrekt ... aber an der Anpassung hapert es. Das ist momentan mein Problem. Ich bastle da schon seit geraumer zeit dran Smile

Momentan sieht es so wie auf dem Bild aus:
phpfusion-deutschland.de/forum/attachments/2323.jpg


ich würde dort nun gerne das Bild größer (genauso groß wie das panel haben wollen. Weiterhin sind unten diese
Zitat: 
.pagination li a {
display:block;
width:12px;
height:0;
padding-top:12px;
background-image:url(../images/pagination.png);
background-position:0 0;
float:left;
overflow:hidden;
}


dort soll (wenn das überhaupt geht) ein Minithumb der Bilder zu sehen anstatt diesen komischen png

Das ist jetzt meine Frage.
weiterhin .. aich wenn diesen Part in der CSS lösche wird das weiterhin angezeigt .. wenn ich das hinbekomme mit den kleinen Bildern würde ich es wegmachen komplett .. aber auch das klappt nicht

Zusammengefügt am 12. Juli 2016 um 10:12:40:
auch hier möchte ich noch einmal nett nachfragen ob mal jemand einen Blick in den code werfen kann
Catzenjaeger hat folgende Datei angehängt:
Du hast nicht die Berechtigung die Anhäge dieses Themas zu sehen.
Bearbeitet von Catzenjaeger am 12.07.2016 um 10:12
 
WWW
Springe ins Forum: