#1

risiko98

Forum-Sponsor  (139 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.risikofonds98.de

Einfügen von jQuery funktioniert nicht, führt zu Problemen.

Hallo zusammen,

ich versuche zur Zeit jQuery auf meiner Website einzubinden, leider klappt das nicht so ganz. Meine Website arbeitet unter ProWeb3 mit Skew3 oder Bootstrap3. Immer wenn ich die jQuery einbinde, dann gehen die Bilder eines Bildabsatzes von ProWeb3 verloren.

Ich binde die jQuery wie folgt ein:

<script src="https://code.jquery.com/jquery-latest.js"></script> 

Wenn ich nur diese Zeile als HTML-Absatz einbinde, gehen halt die Bilder eines Bildabsatzes verloren, siehe Bild.

test.jpg

Wenn ich das Skript ohne ProWeb3 ausführe dann funktioniert es einwandfrei, siehe hier:

https://www.risikofonds98.de/lightbox.php

Das Skript dazu sieht wie folgt aus:

<!DOCTYPE html>
<html lang="de">
<head>
 <meta charset="UTF-8">
 <title>jQuery Beispiel: einbinden und erste Anweisung</title>
 <script src="https://code.jquery.com/jquery-latest.js"></script>
 <script src="https://www.risikofonds98.de/lightbox2/dist/js/lightbox.min.js"></script>
 <title>Bild Test</title>
 <link rel="stylesheet" href="https://www.risikofonds98.de/lightbox2/dist/css/lightbox.min.css">
</head>
<body>
 <h1>Beispiel Bild</h1>
 <a href="https://www.risikofonds98.de/bilder/bild-mann.jpg" title="1" rel="lightbox">
   <img src="https://www.risikofonds98.de/bilder/bild-mann.jpg" width="50" height="auto">
 </a>
<script>
  lightbox.option({
   'resizeDuration': 100,
   'fitImagesInViewport': true
  })
</script>
</body>
</html>

Vielleicht weiß jemand von Euch, was ich falsch mache.

Gruß Jürgen


Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »risiko98« (16.03.2019, 14:10)
#2

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

In Pro Web ist von Haus aus ja bereits jQuery eingebunden. Vermutlich erzeugst Du durch Deine separate Einbindung einen Versionskonflikt, sprich eine technische Kollision der beiden Versionen miteinander.

In diesem Thema kennt sich Thomas am allerbesten aus. Ich bin mit jQuery nicht ganz so bewandert. Einbinden usw. ist ja kein Problem, aber zu der dahinterliegenden Technik bzw. Kollisionen kann ich nicht viel sagen.


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#3

risiko98

Forum-Sponsor  (139 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.risikofonds98.de

Hallo Volker,

danke für Deine schnelle Antwort. jQuery ist bestimmt schon eingebunden, dass denke ich mir auch und habe einfach mal kein jQuery in meinem Skript eingebunden. Habe also die Zeile:

<script src="https://code.jquery.com/jquery-latest.js"></script>    

einfach weggelassen, dann tritt der Fehler mit dem Bildabsatz nicht mehr auf, das stimmt. Leider funktioniert dann die Lightbox nicht richtig siehe Bild. Der weiße der Rahmen wird über die gesamte Bildschirmbreite dargestellt.

 test01.jpg

Eigentlich sollte es wir rechts dargestellt erscheinen.

Gruß Jürgen

#4

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Sprich meine Vermutung mit der Kollision, also dem Konflikt der beiden jQuery-Versionen trifft vollumfänglich zu.

Frage diesbezüglich Thomas. Ich kenne mich mit jQuery wie bereits mitgeteilt nicht (genügend) aus.


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#5

risiko98

Forum-Sponsor  (139 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.risikofonds98.de

Das mit dem Konflikt ist dann wohl so Volker, danke dir. Schade, dass es dann immer noch nicht richtig funktioniert.

Vielleicht hat Thomas noch einen Tipp und ich werde auch weiter testen.

Danke und Gruß Jürgen

#6

Andreas_B

Forum-Sponsor  (162 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://undefined.bplaced.net

Guten Morgen,

wo bzw wie hast du denn den code aus deinem ersten Beitrag eingebunden und welche Zeilen genau? Hast Du alles von dem code, den Du geposted hast in einen HTML Absatz kopiert?

 

Schöne Grüße,
Andreas

#7

Thomas

Moderator  (2298 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Der von dir gepsotetet Code ist eine komplette HTML-Seite inkl. Body usw.. Das wird so nicht funktionieren. Außerdem integriert Pro Web 3 bereits eine Lightbox, die du auch verwenden könntest. Hier eine Beispiel:

<a href="./dein-bild.jpg" class="gallery">
<img src="./dein-bild.jpg" alt="">
</a>

Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 8)

#8

risiko98

Forum-Sponsor  (139 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.risikofonds98.de

Unnötiges Zitat gemäß Forenregeln § 2, Abs. 6 gelöscht [W2D Fan]

Hallo Thomas,

danke für den Tipp, das ist natürlich jetzt einfach und funktioniert auf Anhieb.

Danke für Deine Hilfe, echt immer super,

Jürgen

 

Guten Morgen,

wo bzw wie hast du denn den code aus deinem ersten Beitrag eingebunden und welche Zeilen genau? Hast Du alles von dem code, den Du geposted hast in einen HTML Absatz kopiert?

 

Schöne Grüße,
Andreas

Hallo Andreas,

der gesamte Code steht in einem HTML-Absatz.

#9

Andreas_B

Forum-Sponsor  (162 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://undefined.bplaced.net

Guten Morgen risiko98,

ja, den gesamten code so in einen HTML Absatz zu kopieren kann nicht funktionieren. Die Gründe hat Thomas ja bereits gesagt.

Aber wenn es jetzt mit der anderen Methode funktioniert, dann ist ja alles gut 🙂

 

Schöne Grüße,

Andreas

473 Aufrufe | 9 Beiträge