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

PHP-Fusion Deutschland - Offizielle Supportseite » Support Allgemein » Allgemeine Fragen und Probleme

 Thema drucken
Auf der Suche nach solch einem Slider
Patrick
Top  #1 Beitrag drucken
Geschrieben am 30. August 2016 12:26:49
Hey ihr lieben lange ist es her das man von mir was gehört hatte.

Doch nun habe ich wieder eine Frage.
Ich bin auf der suche nach solch einem Slider wie ich ihn gesehen habe.
Auf DIESER Seite oben Rechts, im Grunde möchte ich ganz gerne genau so einen Haben. Ich habe es Selber schon versucht aber, ich habe zu lange nichst mehr gemacht.

Das ich wie es Scheint es wohl verlernt habe.

Könnt ihr mir vielleicht helfen ?

Lg Synced ( Patrick )
Selfmade Is Not Easy Wink
Information:
PHP Version: 8.1.x •  MySQL Version: 8.0 •  PHP-Fusion: IPv9-DE-MOD
 
WWW
David
Top  #2 Beitrag drucken
Geschrieben am 30. August 2016 13:36:20
Hallo Patrick,

also im Grunde suchst du einen Slider wie diesen hier (oben die Logos):
http://www.jssor.com/demos/scrolling-...der.slider
Liebe Grüße, David Smile

PHP-Fusion Österreich
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
Patrick
Top  #3 Beitrag drucken
Geschrieben am 30. August 2016 16:03:17

Zitat

David schrieb:

Hallo Patrick,

also im Grunde suchst du einen Slider wie diesen hier (oben die Logos):
http://www.jssor.com/demos/scrolling-...der.slider


Genau Richtig
Selfmade Is Not Easy Wink
Information:
PHP Version: 8.1.x •  MySQL Version: 8.0 •  PHP-Fusion: IPv9-DE-MOD
 
WWW
David
Top  #4 Beitrag drucken
Geschrieben am 30. August 2016 18:15:18
Schaffst du einen Einbau selbst?

Falls nicht, woher kommen Bilder etc?
Liebe Grüße, David Smile

PHP-Fusion Österreich
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
Patrick
Top  #5 Beitrag drucken
Geschrieben am 30. August 2016 19:21:00

Zitat

David schrieb:

Schaffst du einen Einbau selbst?

Falls nicht, woher kommen Bilder etc?


Ich kann es versuchen den einbau selber vorzunehmen.
Muss mich ja auch wieder i wie einarbeiten nach 2 Jahren Pause ^^.

Kannst mir ja wenn du magst so grob sagen wo ich was rein machen muss etc.. Wink

Bilder kommen direkt von mir. Von meiner Website. Da sollen ja die Releases Bilder rein die dann beim drauf klicken zum shop oder zum Download führen oder etc..
So kann ich ihn als Quelle nutzen für den Shop und Download Bereich.
Selfmade Is Not Easy Wink
Information:
PHP Version: 8.1.x •  MySQL Version: 8.0 •  PHP-Fusion: IPv9-DE-MOD
 
WWW
David
Top  #6 Beitrag drucken
Geschrieben am 30. August 2016 21:49:13
Hehehe naja ansich musst du ja nur die .css-Dateien in den Header packen, die .js-Dateien in den Footer und den HTML-Code eben dort wo du es anzeigen möchtest.

Wenn du nochmal auf den Link klickst, und anschließend auf "Customize" kannst du den Slider anpassen und dir den Code ausgeben lassen (soweit gesehen auf die Schnelle).
Liebe Grüße, David Smile

PHP-Fusion Österreich
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
Patrick
Top  #7 Beitrag drucken
Geschrieben am 27. Januar 2017 19:53:57
Also ich habe es jetzt versucht und er zeigt mir eber die bilder nicht. Zu sehen auf dem Screen

Hier mal wie ich es eingefügt habe

theme.php
Code Download Code  

header("Content-type: text/html; charset=utf-8");

if (!defined("IN_FUSION")) { die("Access Denied"); }

echo "<script type='text/javascript' src='".THEME."/js/jquery-1.11.3.min.js'></script>\n";

echo "<script type='text/javascript' src='".THEME."/js/jssor.slider-22.1.8.min.js'></script>\n";


und dann in der theme.php

Code Download Code  

   

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Partner</title>

</head>

<body style="padding:0px; margin:0px; background-color:#fff;font-family:'Open Sans',sans-serif,arial,helvetica,verdana">

<!-- #region Jssor Slider Begin -->

    <!-- Generator: Jssor Slider Maker -->

    <!-- Source: http://www.jssor.com -->

    <!-- This code works without jquery library. -->

    <script src="js/jssor.slider-22.1.8.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        jssor_1_slider_init = function() {



            var jssor_1_options = {

              $AutoPlay: true,

              $Idle: 0,

              $AutoPlaySteps: 4,

              $SlideDuration: 2500,

              $SlideEasing: $Jease$.$Linear,

              $PauseOnHover: 4,

              $SlideWidth: 140,

              $Cols: 7

            };



            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);



            /*responsive code begin*/

            /*you can remove responsive code if you don't want the slider scales while window resizing*/

            function ScaleSlider() {

                var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;

                if (refSize) {

                    refSize = Math.min(refSize, 809);

                    jssor_1_slider.$ScaleWidth(refSize);

                }

                else {

                    window.setTimeout(ScaleSlider, 30);

                }

            }

            ScaleSlider();

            $Jssor$.$AddEvent(window, "load", ScaleSlider);

            $Jssor$.$AddEvent(window, "resize", ScaleSlider);

            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);

            /*responsive code end*/

        };

    </script>

    <style></style>

    <div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:980px;height:100px;overflow:hidden;visibility:hidden;">

        <!-- Loading Screen -->

        <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">

            <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>

            <div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div>

        </div>

        <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:980px;height:100px;overflow:hidden;">

            <div>

                <img data-u="image" src="img/rfd.png" />

            </div>

            <div>

                <img data-u="image" src="img/android.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/bitly.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/blogger.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/dnn.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/drupal.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/ebay.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/facebook.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/google.jpg" />

            </div>

            <div>

                <img data-u="image" src="themes/img/ibm.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/ios.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/joomla.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/linkedin.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/mac.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/magento.jpg" />

            </div>

            <a data-u="any" href="http://www.jssor.com" style="display:none">Scrolling Logo Thumbnail Slider</a>

            <div>

                <img data-u="image" src="img/pinterest.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/samsung.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/twitter.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/windows.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/wordpress.jpg" />

            </div>

            <div>

                <img data-u="image" src="img/youtube.jpg" />

            </div>

        </div>

    </div>

    <script type="text/javascript">jssor_1_slider_init();</script>

    <!-- #endregion Jssor Slider End -->

</body>


Der img ordner und die js datein befinden sich auf dem webspace im ordner themes
Patrick hat folgende Datei angehängt:
Du hast nicht die Berechtigung die Anhäge dieses Themas zu sehen.
Selfmade Is Not Easy Wink
Information:
PHP Version: 8.1.x •  MySQL Version: 8.0 •  PHP-Fusion: IPv9-DE-MOD
 
WWW
Anonymer Benutzer
Top  #8 Beitrag drucken
Geschrieben am 27. Januar 2017 20:19:22
Die Java definition findet nicht dein Ordner. Habe das mal getestet mit deinem Code und mit einer testseite von mir. Bei mir klappt es
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
Patrick
Top  #9 Beitrag drucken
Geschrieben am 27. Januar 2017 20:33:04

Zitat

matze_two schrieb:

Die Java definition findet nicht dein Ordner. Habe das mal getestet mit deinem Code und mit einer testseite von mir. Bei mir klappt es


okay danke. Das gemein das es bei dir funktioniert und bei mir nicht.
Habeden ordner pfad auch schon von
Code Download Code  

<img data-u="image" src="img/bitly.jpg" />


auf
Code Download Code  

<img data-u="image" src="themes/img/bitly.jpg" />


geändert aber ohne erfolg
Selfmade Is Not Easy Wink
Information:
PHP Version: 8.1.x •  MySQL Version: 8.0 •  PHP-Fusion: IPv9-DE-MOD
 
WWW
Septron
Top  #10 Beitrag drucken
Geschrieben am 27. Januar 2017 22:50:20
Hallo,

wenn du den sliderordner in dein Theme gepackt haben solltest ist diese abfrage besser:

Code Download Code  

<img data-u="image" src="'.THEME.'img/bitly.jpg" />


lg Septron
Rechtschreibfehler und Fehlende Satzzeichen sind eine Sünde meiner
Gedanklichen Tastatur wer alle findet darf sie behalten.
Domain Owner of: SGI Fusion | PHPFusion-SupportClub | PHPFusion Germany | IUP Testseite | v9 DE Mod Testseite
Information:
PHP Version: 8.2.x •  MySQL Version: 5.7 •  PHP-Fusion: IUP-FIX-PHP8
 
WWW
Patrick
Top  #11 Beitrag drucken
Geschrieben am 27. Januar 2017 23:45:42

Zitat

Septron schrieb:

Hallo,

wenn du den sliderordner in dein Theme gepackt haben solltest ist diese abfrage besser:

Code Download Code  

<img data-u="image" src="'.THEME.'img/bitly.jpg" />


lg Septron


Danke habe ich gleich ausprobiert aber wieder leider ohne erfolg bild immer noch gleich wie oben :(
Selfmade Is Not Easy Wink
Information:
PHP Version: 8.1.x •  MySQL Version: 8.0 •  PHP-Fusion: IPv9-DE-MOD
 
WWW
Septron
Top  #12 Beitrag drucken
Geschrieben am 28. Januar 2017 17:16:23
Hallo,

wenn er kein bild anzeigt dann ist es auch nicht richtig hochgeladen Wink

Denn mit dieser abfrage wird es auf alle fälle abgelesen Wink

lg
Rechtschreibfehler und Fehlende Satzzeichen sind eine Sünde meiner
Gedanklichen Tastatur wer alle findet darf sie behalten.
Domain Owner of: SGI Fusion | PHPFusion-SupportClub | PHPFusion Germany | IUP Testseite | v9 DE Mod Testseite
Information:
PHP Version: 8.2.x •  MySQL Version: 5.7 •  PHP-Fusion: IUP-FIX-PHP8
 
WWW
Rolly8-HL
Top  #13 Beitrag drucken
Geschrieben am 28. Januar 2017 22:26:59
Bin mir nicht Sicher aber muss das nicht so geschrieben werden?
Code Download Code  

echo "<script type='text/javascript' src='".THEME."js/jquery-1.11.3.min.js'></script>\n";



echo "<script type='text/javascript' src='".THEME."js/jssor.slider-22.1.8.min.js'></script>\n";

Also ohne dem / dazwischen "THEME."/js"
Gruß Rolly8-HL
Was für Andere Wichtig ist muss für mich nicht genauso Wichtig sein!
Bin Dickkopf Unbelehrbar mache aus Protest nicht das was andere für Richtig halten!
Das gibt einem zu Denken oder?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
Septron
Top  #14 Beitrag drucken
Geschrieben am 29. Januar 2017 14:56:47
Hallo,

ich habe mir folgenden Link mal von David angeschaut: http://www.jssor.com/demos/scrolling-logo-thumbnail-slider.slider

wenn dieses im Theme Ordner hochgeladen wird sollte es auch so angesprochen werden...

und dieser Funktioniert: Another Test-Site

eingebaut habe ich wie folgt:

Code Download Code  

opentable ("with-jquery");

   echo "testinhalt-one";

   echo '<!-- #region Jssor Slider Begin -->

    <!-- Generator: Jssor Slider Maker -->

    <!-- Source: http://www.jssor.com -->

    <!-- This code works with jquery library. -->

    <script src="'.THEME.'scrolling-logo-thumbnail-slider.slider/js/jquery-1.11.3.min.js" type="text/javascript"></script>

    <script src="'.THEME.'scrolling-logo-thumbnail-slider.slider/js/jssor.slider-22.1.8.mini.js" type="text/javascript"></script>

    <script type="text/javascript">

        jQuery(document).ready(function ($) {



            var jssor_1_options = {

              $AutoPlay: true,

              $Idle: 0,

              $AutoPlaySteps: 4,

              $SlideDuration: 2500,

              $SlideEasing: $Jease$.$Linear,

              $PauseOnHover: 4,

              $SlideWidth: 140,

              $Cols: 7

            };



            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);



            /*responsive code begin*/

            /*you can remove responsive code if you dont want the slider scales while window resizing*/

            function ScaleSlider() {

                var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;

                if (refSize) {

                    refSize = Math.min(refSize, 809);

                    jssor_1_slider.$ScaleWidth(refSize);

                }

                else {

                    window.setTimeout(ScaleSlider, 30);

                }

            }

            ScaleSlider();

            $(window).bind("load", ScaleSlider);

            $(window).bind("resize", ScaleSlider);

            $(window).bind("orientationchange", ScaleSlider);

            /*responsive code end*/

        });

    </script>

    <style></style>';

   echo '<div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:980px;height:100px;overflow:hidden;visibility:hidden;">

        <!-- Loading Screen -->

        <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">

            <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>

            <div style="position:absolute;display:block;background:url("'.THEME.'scrolling-logo-thumbnail-slider.slider/img/loading.gif") no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div>

        </div>

        <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:980px;height:100px;overflow:hidden;">

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/amazon.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/android.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/bitly.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/blogger.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/dnn.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/drupal.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/ebay.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/facebook.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/google.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/ibm.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/ios.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/joomla.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/linkedin.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/mac.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/magento.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/pinterest.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/samsung.jpg" />

            </div>

            <a data-u="any" href="http://www.jssor.com" style="display:none">Scrolling Logo Thumbnail Slider</a>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/twitter.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/windows.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/wordpress.jpg" />

            </div>

            <div>

                <img data-u="image" src="'.THEME.'scrolling-logo-thumbnail-slider.slider/img/youtube.jpg" />

            </div>

        </div>

    </div>';

   closetable();


das ganze kann natürlich auch ohne opentable/closetable angesprochen werden

lg Septron
Rechtschreibfehler und Fehlende Satzzeichen sind eine Sünde meiner
Gedanklichen Tastatur wer alle findet darf sie behalten.
Domain Owner of: SGI Fusion | PHPFusion-SupportClub | PHPFusion Germany | IUP Testseite | v9 DE Mod Testseite
Information:
PHP Version: 8.2.x •  MySQL Version: 5.7 •  PHP-Fusion: IUP-FIX-PHP8
 
WWW
Patrick
Top  #15 Beitrag drucken
Geschrieben am 30. Januar 2017 09:13:20
Also ich werde noch verrückt. Funktioniert immer noch nicht. Ich bin wohl mehr als zu blöd dafür Dickeslachen
Gibt es doch nicht
Selfmade Is Not Easy Wink
Information:
PHP Version: 8.1.x •  MySQL Version: 8.0 •  PHP-Fusion: IPv9-DE-MOD
 
WWW
Septron
Top  #16 Beitrag drucken
Geschrieben am 30. Januar 2017 11:53:42
Hallo,

also so schwierig kann es ja nicht sein du hast alle erdenklichen
vorgaben da stehen und dein hinterlegter Link im Profil scheint auch nicht mehr zu stimmen um evlt. eine Live Ansicht zu haben.

lg Septron
Rechtschreibfehler und Fehlende Satzzeichen sind eine Sünde meiner
Gedanklichen Tastatur wer alle findet darf sie behalten.
Domain Owner of: SGI Fusion | PHPFusion-SupportClub | PHPFusion Germany | IUP Testseite | v9 DE Mod Testseite
Information:
PHP Version: 8.2.x •  MySQL Version: 5.7 •  PHP-Fusion: IUP-FIX-PHP8
 
WWW
Rolly8-HL
Top  #17 Beitrag drucken
Geschrieben am 30. Januar 2017 14:09:12
Habe den Code von @Septron getestet und muss sagen es klappt wunderbar.
Gruß Rolly8-HL
Was für Andere Wichtig ist muss für mich nicht genauso Wichtig sein!
Bin Dickkopf Unbelehrbar mache aus Protest nicht das was andere für Richtig halten!
Das gibt einem zu Denken oder?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
Springe ins Forum: