jquary bearbeiten

Frank Bresch · 10. Dezember 2018

Guten Morgen,
ich habe ein Carusel auf eine Seite eingebaut (lustig->eingebaut) und möchte gern das die einzelnen Frames etwas länger stehen bleiben als durch das jscript vorgegeben. Meine frage: ist es empfehlenswert das in der jquary.min.js direkt zu ändern oder kann man ohne die funktionalität des jquary.min.js zu beeinflussen, ein eigens script schreiben und es ausführen lassen. Ich denke wichtig ist hierbei das ich joomla dazu "zwinge" ein jquary.min.js zu verarbeiten das ich selbst bereitstelle.

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xml:lang="de-de"
      lang="de-de"
      dir="ltr">
<head>
<base href="https://nuemmes.meine-kreise.de/" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="robots" content="noindex, nofollow" />
    <meta name="generator" content="Joomla! - Open Source Content Management" />
    <title>Startseite</title>
    <link href="/templates/nuemmes/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
    <link href="/templates/nuemmes/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/templates/nuemmes/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
    <link href="/templates/nuemmes/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="/templates/nuemmes/css/bootstrap-extended.css" rel="stylesheet" type="text/css" />
    <link href="/templates/nuemmes/css/templates.min.css" rel="stylesheet" type="text/css" />
    <script src="/templates/nuemmes/js/jui/jquery.min.js?034674978f9b2eb9918ba39be43d9696" type="text/javascript"></script>
    <script src="/templates/nuemmes/js/jui/jquery-noconflict.js?034674978f9b2eb9918ba39be43d9696" type="text/javascript"></script>
    <script src="/templates/nuemmes/js/jui/jquery-migrate.min.js?034674978f9b2eb9918ba39be43d9696" type="text/javascript"></script>
    <script src="/media/system/js/caption.js?034674978f9b2eb9918ba39be43d9696" type="text/javascript"></script>
    <script src="/templates/nuemmes/js/jui/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript">
jQuery(window).on('load',  function() {
                new JCaption('img.caption');
            });
    </script>

</head>
<body>
...
</body>
</html>

Alles anzeigen

Frank Bresch · 10. Dezember 2018

Das wäre das Script welches ich dann entsprechend anpassen würde.

https://www.w3schools.com/boot…rousel_interval&stacked=h

Re:Later · 10. Dezember 2018

In dem Script, das du verlinkst, siehst die Zeile

$("#myCarousel").carousel({interval: 500});

Weitere Parameter findest hier

, die man dann kommasepariert eingibt

Hinweis: Mein Link betrifft Bootstrap 3.

Frank Bresch · 10. Dezember 2018

Zitat von Re:Later

In dem Script, das du verlinkst, siehst die Zeile

$("#myCarousel").carousel({interval: 500});

Weitere Parameter findest hier

, die man dann kommasepariert eingibt

Hinweis: Mein Link betrifft Bootstrap 3.

Alles anzeigen

Ja ich arbeite auch mit Bootstrap 3, mit der 4 bin ich noch nicht warm geworden

Code

$('.karussell').carousel({  interval: 10000
});
...
...

das wäre dann das was ich vorhabe.

Siehst du da ein Problem mit dem ursprünglichen script (jquery.min.js)

Re:Later · 10. Dezember 2018

Das ist bootstrap.....js, was die Carousel-Funktionalitäten mitbringt ("Bootstrap-Komponente" genannt, nicht zu verwechseln mit Joomla-Komponente)

.

Es ist nur so, dass Bootstrap 3, JQuery benötigt, damit diese JavaScript-Komponenten funktionieren. Bei mir läuft das Joomlaeigene JQuery damit problemlos, was auch nicht superaktuell ist. Neuere JQuery-Versionen sollten aber auch kein Problem sein. Dein Template scheint ja ein eigenes aus dem Template-Ordner zu laden.

Frank Bresch · 10. Dezember 2018

ursprünglich ist es das jquery welches sich auf der bootstrapseite http://holdirbootstrap.de/los-gehts/ befindet https://ajax.googleapis.com/aj…uery/1.11.3/jquery.min.js im quelltext

ich habe es mir kopiert und herruntergeladen damit ich beim testen nicht immer online sein muss. und hab es bei allen bisherigen sachen verwendet die ich online habe und auch noch nie ein Problem gehabt. Ich fand das es mehr als gerechtfertigt ist wenn ich schon joomla dazu"zwinge" meine bootstrap sachen zu nehmen das es dann auch die jquery scripte sein sollen die ich schon nutze. überigens hab ich das mit den einbinden der eigenen bootstrap sachen durch https://www.ghsvs.de/programmi…tes-verstehen#BELOWHEADER erlernt, vielen dank an dieser Stelle.

Frank Bresch · 10. Dezember 2018

So es ist vollbracht und alles läuft rund im Carusel

Allen eine schöne Woche und sollten wir uns bis ins neue Jahr hier nicht wieder sehen ein Frohes Fest und ein gesundes neues Jahr

Re:Later · 10. Dezember 2018

Zitat von Frank Bresch

ich habe es mir kopiert und herruntergeladen damit ich beim testen nicht immer online sein muss.

Musst du doch nicht. Joomla hat JQuery beigepackt und ruft das nicht online ab. Aber egal...