Hey,
ich bin gerade dabei ein wenig mit JavaScript / JQuery herumzuspielen und mir eine kleine Webseite aufzubauen. Leider bin ich nicht ganz so fit in der Thematik.
Ich habe jetzt ein kleines Problem und komm leider nicht wirklich darauf, wie es richtig zu lösen ist.
Ich habe mir eine fertige Bildergallerie heruntergeladen und in der Beispielseite steht der Code zu beginn des HTML Dokuments im Script-Tag in etwas gekürzter Form.
So sieht das im HTML-Dokument aus. Ich wollte das jetzt aus dem HTML holen und in eine JS-Datei auslagern und diese dann im HTML einbinden.
Wenn ich den Code jetzt einfach so in eine JS-Datei einbaue und diese einbinde funktioniert es nicht. Daher hatte ich gedacht, ich muss den Code in das hier einbauen.
Hatte leider damit irgendwie auch keinen Erfolg. Hat jemand nen Hinweis oder eine Erklärung für mich? Würde mich sehr freuen.
Gruß,
swas
ich bin gerade dabei ein wenig mit JavaScript / JQuery herumzuspielen und mir eine kleine Webseite aufzubauen. Leider bin ich nicht ganz so fit in der Thematik.
Ich habe jetzt ein kleines Problem und komm leider nicht wirklich darauf, wie es richtig zu lösen ist.
Ich habe mir eine fertige Bildergallerie heruntergeladen und in der Beispielseite steht der Code zu beginn des HTML Dokuments im Script-Tag in etwas gekürzter Form.
Code:
<script type="text/javascript">
jssor_1_slider_init = function () {
var jssor_1_SlideshowTransitions = [ ... ];
var jssor_1_options = {
...
};
var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
/*#region responsive code begin*/
var MAX_WIDTH = 960;
function ScaleSlider() {
var containerElement = jssor_1_slider.$Elmt.parentNode;
var containerWidth = containerElement.clientWidth;
if (containerWidth) {
var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);
jssor_1_slider.$ScaleWidth(expectedWidth);
}
else {
window.setTimeout(ScaleSlider, 30);
}
}
ScaleSlider();
$Jssor$.$AddEvent(window, "load", ScaleSlider);
$Jssor$.$AddEvent(window, "resize", ScaleSlider);
$Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
/*#endregion responsive code end*/
};
</script>
So sieht das im HTML-Dokument aus. Ich wollte das jetzt aus dem HTML holen und in eine JS-Datei auslagern und diese dann im HTML einbinden.
Wenn ich den Code jetzt einfach so in eine JS-Datei einbaue und diese einbinde funktioniert es nicht. Daher hatte ich gedacht, ich muss den Code in das hier einbauen.
Code:
(function($) {
'use strict';
jQuery(document).ready(function() {
// Hier der Bildergallerie Code
});
})(jQuery);
Hatte leider damit irgendwie auch keinen Erfolg. Hat jemand nen Hinweis oder eine Erklärung für mich? Würde mich sehr freuen.
Gruß,
swas