Auf der Suche nach solch einem Slider
Patrick
Geschrieben am 30.08.2016 um 14:26
Mitglied
Beiträge: 100
Registriert am: 26.11.13
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
David
Geschrieben am 30.08.2016 um 15:36
Hall of Fame
Beiträge: 164
Registriert am: 01.02.14
Hallo Patrick,
also im Grunde suchst du einen Slider wie diesen hier (oben die Logos):
http://www.jssor.com/demos/scrolling-...der.slider
Patrick
Geschrieben am 30.08.2016 um 18:03
Mitglied
Beiträge: 100
Registriert am: 26.11.13
Genau Richtig
Selfmade Is Not Easy
David
Geschrieben am 30.08.2016 um 20:15
Hall of Fame
Beiträge: 164
Registriert am: 01.02.14
Schaffst du einen Einbau selbst?
Falls nicht, woher kommen Bilder etc?
Patrick
Geschrieben am 30.08.2016 um 21:21
Mitglied
Beiträge: 100
Registriert am: 26.11.13
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..
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
David
Geschrieben am 30.08.2016 um 23:49
Hall of Fame
Beiträge: 164
Registriert am: 01.02.14
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).
Patrick
Geschrieben am 27.01.2017 um 20:53
Mitglied
Beiträge: 100
Registriert am: 26.11.13
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
matze_two
Geschrieben am 27.01.2017 um 21:19
Mitglied
Beiträge: 134
Registriert am: 05.11.13
Die Java definition findet nicht dein Ordner. Habe das mal getestet mit deinem Code und mit einer testseite von mir. Bei mir klappt es
Patrick
Geschrieben am 27.01.2017 um 21:33
Mitglied
Beiträge: 100
Registriert am: 26.11.13
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
Septron
Geschrieben am 27.01.2017 um 23:50
Betreiber
Beiträge: 469
Registriert am: 30.10.13
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
Patrick
Geschrieben am 28.01.2017 um 00:45
Mitglied
Beiträge: 100
Registriert am: 26.11.13
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
Septron
Geschrieben am 28.01.2017 um 18:16
Betreiber
Beiträge: 469
Registriert am: 30.10.13
Hallo,
wenn er kein bild anzeigt dann ist es auch nicht richtig hochgeladen
Denn mit dieser abfrage wird es auf alle fälle abgelesen
lg
Rolly8-HL
Geschrieben am 28.01.2017 um 23:26
Fusioneer
Beiträge: 1071
Registriert am: 30.10.13
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?
Septron
Geschrieben am 29.01.2017 um 15:56
Betreiber
Beiträge: 469
Registriert am: 30.10.13
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
Patrick
Geschrieben am 30.01.2017 um 10:13
Mitglied
Beiträge: 100
Registriert am: 26.11.13
Also ich werde noch verrückt. Funktioniert immer noch nicht. Ich bin wohl mehr als zu blöd dafür
Gibt es doch nicht
Selfmade Is Not Easy
Septron
Geschrieben am 30.01.2017 um 12:53
Betreiber
Beiträge: 469
Registriert am: 30.10.13
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
Rolly8-HL
Geschrieben am 30.01.2017 um 15:09
Fusioneer
Beiträge: 1071
Registriert am: 30.10.13
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?