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 8223 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.08.2016 um 14:26
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
 
WWW
David
Top  #2 Beitrag drucken
Geschrieben am 30.08.2016 um 15:36
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
 
WWW
Patrick
Top  #3 Beitrag drucken
Geschrieben am 30.08.2016 um 18:03
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
 
WWW
David
Top  #4 Beitrag drucken
Geschrieben am 30.08.2016 um 20:15
Schaffst du einen Einbau selbst?

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

PHP-Fusion Österreich
 
WWW
Patrick
Top  #5 Beitrag drucken
Geschrieben am 30.08.2016 um 21:21
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
 
WWW
David
Top  #6 Beitrag drucken
Geschrieben am 30.08.2016 um 23:49
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
 
WWW
Patrick
Top  #7 Beitrag drucken
Geschrieben am 27.01.2017 um 20:53
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
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
   

<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
 
WWW
matze_two
Top  #8 Beitrag drucken
Geschrieben am 27.01.2017 um 21:19
Die Java definition findet nicht dein Ordner. Habe das mal getestet mit deinem Code und mit einer testseite von mir. Bei mir klappt es
 
WWW
Patrick
Top  #9 Beitrag drucken
Geschrieben am 27.01.2017 um 21:33
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
<img data-u="image" src="img/bitly.jpg" />


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


geändert aber ohne erfolg
Selfmade Is Not Easy Wink
 
WWW
Septron
Top  #10 Beitrag drucken
Geschrieben am 27.01.2017 um 23:50
Hallo,

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

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
 
WWW
Patrick
Top  #11 Beitrag drucken
Geschrieben am 28.01.2017 um 00:45
Zitat: Septron schrieb:

Hallo,

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

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
 
WWW
Septron
Top  #12 Beitrag drucken
Geschrieben am 28.01.2017 um 18:16
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
 
WWW
Rolly8-HL
Top  #13 Beitrag drucken
Geschrieben am 28.01.2017 um 23:26
Bin mir nicht Sicher aber muss das nicht so geschrieben werden?
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?
 
WWW
Septron
Top  #14 Beitrag drucken
Geschrieben am 29.01.2017 um 15:56
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
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
 
WWW
Patrick
Top  #15 Beitrag drucken
Geschrieben am 30.01.2017 um 10:13
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
 
WWW
Septron
Top  #16 Beitrag drucken
Geschrieben am 30.01.2017 um 12:53
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
 
WWW
Rolly8-HL
Top  #17 Beitrag drucken
Geschrieben am 30.01.2017 um 15:09
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?
 
WWW
Springe ins Forum: