Danke für alle die es gelesen haben aber ich hab den Fehler gefunden, die font-family war nicht korrekt beschrieben.
Beiträge von Frank Bresch
-
-
Einen wunderschönen guten Abend.
mein Problem ist das Webfont-Icons als Pseudo-Element in Joomla nicht angezeigt werden.
das ist das CSS:
Code
Alles anzeigen.show::after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .show::after { font-family: "Font Awesome 5 Free Regular"; font-size: 24px; content: "\f35b"; float: right; margin-left: 15px; } .show.collapsed::after { content: "\f358"; }
in einem .html Dokument funktioniert es.
Die entsprechende Fontdateien sind natürlich mit im Templates hochgeladen worden. Und alle anderen Webfont-Icons die ich normal eingebunden habe werden angezeigt.
-
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
-
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.
-
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.
Ja ich arbeite auch mit Bootstrap 3, mit der 4 bin ich noch nicht warm geworden
das wäre dann das was ich vorhabe.
Siehst du da ein Problem mit dem ursprünglichen script (jquery.min.js)
-
Das wäre das Script welches ich dann entsprechend anpassen würde.
-
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
Alles anzeigen<!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>