tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
664
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 03.10.11 15:38 #1
    Avatar von 3dstyler
    3dstyler 3dstyler ist offline Mitglied Bronze
    Registriert seit
    Dec 2004
    Beiträge
    28
    Hallo Programmier - Experten,

    folgendes Problem:
    ich habe eine Homepage, bei welcher im Header ein jquery Fade mit 5 Bildern abläuft.
    nun möchte ich auf dieser Seite auch eine Bildergalerie mit einer jquery Lightbox einbauen.


    PROBLEM:
    wenn ich alle erforderlichen stylesheets und script types einbaue in die Seite, dann funktioniert aber leider die Animation im Header nicht mehr ? ?

    FRAGEN:
    - kann man überhaupt mehrere jquery Effekte gleichzeitig verwenden?
    - könnte man nicht evt. den code der .js - dateien in eine einzelne .js kopieren?

    Ich möchte nämlich umbedingt die Fade - Animation im Header weiterhin haben und die Bildergalerie mit der Litebox 1.0 verwenden.

    LG Günther

    unten noch der code im head:


    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
 xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
<meta http-equiv="content-type"
 content="text/html; charset=iso-8859-1" /><meta
 name="language" content="de" /><meta
 name="description"
 content="Architekt Günther Fritz ist im Vinschgau und ganz Südtirol als Designer und Planer aktiv. Neben Architektur ist unser Büro auch im 3d Bereich wie Design, Fotomontagen, Renderings und Animationen tätig." /><meta
 name="keywords"
 content="Architekt, Planer, Südtirol, Vinschgau, Umgebung, Angebot, Mals, Glurns, modern, Design, Haus, Bau" /><meta
 name="robots" content="index,follow" /><meta
 name="audience" content="alle" /><meta
 name="page-topic"
 content="Architektur, Design, 3d Animationen, Rendering, Skizzen, Plan" /><meta
 name="revisit-after" content="7 days" /><meta
 name="author" content="www.3dstyler.com" />
<title>ARCHITEKT Günther Fitz</title>
<link rel="stylesheet" type="text/css" href="code/styler.css" media="screen" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="shortcut icon" href="layout/favicon.gif" /><!-- include jQuery library -->
<script type="text/javascript"
 src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script><!-- include Cycle plugin -->
<script type="text/javascript" src="code/jquery_fade.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.header').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
<script type="text/javascript" src="js/prototype.lite.js"></script>
<script type="text/javascript" src="js/moo.fx.js"></script>
<script type="text/javascript" src="js/litebox-1.0.js"></script>
</head>
     
    ... in 3d we trust ... www.3dstyler.com
    Zitieren Zitieren
  2. 03.10.11 16:24 #2
    Jeremy1 Jeremy1 ist offline Rookie
    Registriert seit
    Sep 2011
    Beiträge
    8
    Hallo 3dstyler,

    ansich ist es kein Problem mehrere jQuery bzw. JavaScript Dateien auf einer Seite aufzurufen! Jedoch verwandest du zwei verschiedene JavaScript-libraries, einmal Jquery und einmal Mootools! Dadurch hast du das Problem das sich beide auf das $-Zeichen beziehen! So überschreibt das eine das andere! Es gibt hierfür zwei Möglichkeiten. Entweder verwendet du für deinen Slider auch Jquery oder du stellst bei Query ein, dass er sich auf etwas anderes beziehen soll - hierfür gibt es einen Befehl den ich aber leider gerade nicht im Kopf habe! Aber ein toller Slider ist der jquery-nivo den du unter http://nivo.dev7studios.com/ findest. Der ist sehr einfach zum einsetzen und auch zum stylen!

    Habe jetzt gerade in der doku von Jquery den Befehl gefunden, schau einfach mal rein, dass sollte dir eigentlich helfen!
    http://api.jquery.com/jQuery.noConflict/

    Lg Jeremy
    Geändert von Jeremy1 (03.10.11 um 16:42 Uhr)
     
    Zitieren Zitieren
  3. 03.10.11 19:25 #3
    Avatar von 3dstyler
    3dstyler 3dstyler ist offline Mitglied Bronze
    Registriert seit
    Dec 2004
    Beiträge
    28
    @Jeremy1,

    viiiiiiiiiiiiiiiiiiiiiielen herzlichen Dank, du hast mir mit deiner klaren Beschreibung sehr geholfen, erstens Mal warum es bei mir den Konflikt gab, und zweitens sind deine Infos super. Übrigens den nivo slider hab ich auch schon mal versucht, is echt klasse, aber ich wollte einen eigenen kleinen verwenden.

    und nun zur LÖSUNG meines problemes dank Jeremy

    mit dem Hinweis auf die "noConflict" Befehle und dem link hab ich es eigentlich recht schnell hinbekommen. Natürlich will ich in diesem fantastischen Forum auch klar und deutlich die Lösung im "html code" zeigen!

    - geht zur Zeile:
    // Code that uses other library's $ can follow here.


    so long - LG an alle
    Günther

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
 xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="content-type"
 content="text/html; charset=iso-8859-1" /><meta
 name="language" content="de" /><meta
 name="description"
 content="Architekt Günther Fritz ist im Vinschgau und ganz Südtirol als Designer und Planer aktiv. Neben Architektur ist unser Büro auch im 3d Bereich wie Design, Fotomontagen, Renderings und Animationen tätig." /><meta
 name="keywords"
 content="Architekt, Planer, Südtirol, Vinschgau, Umgebung, Angebot, Mals, Glurns, modern, Design, Haus, Bau" /><meta
 name="robots" content="index,follow" /><meta
 name="audience" content="alle" /><meta
 name="page-topic"
 content="Architektur, Design, 3d Animationen, Rendering, Skizzen, Plan" /><meta
 name="revisit-after" content="7 days" /><meta
 name="author" content="www.3dstyler.com" />
<title>ARCHITEKT Günther Fitz</title>
<link rel="shortcut icon" href="layout/favicon.gif" />
<link rel="stylesheet" type="text/css" href="code/styler.css" /><!-- include jQuery library -->
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script><!-- include Cycle plugin -->
<script type="text/javascript" src="code/jquery_fade.js"></script>
<script type="text/javascript">
$.noConflict();
// Code that uses other library's $ can follow here.
jQuery(document).ready(function($) {
$('.header').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
<script type="text/javascript" src="js/prototype.lite.js"></script>
<script type="text/javascript" src="js/moo.fx.js"></script>
<script type="text/javascript" src="js/litebox-1.0.js"></script>
</head>
     
    ... in 3d we trust ... www.3dstyler.com
    Zitieren Zitieren
« Problem mit Suchen & Ersetzen | Java Anfänger »

Ähnliche Themen

  1. [jQuery] 2 Effekte parallel laufen lassen
    Von weedo im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 02.03.10, 10:36
  2. 2 Netzwerkverbindungen gleichzeitig verwenden?
    Von Iceman8712 im Forum Netzwerke
    Antworten: 11
    Letzter Beitrag: 06.01.09, 21:33
  3. Mehrere Tonspuren gleichzeitig verwenden
    Von stain im Forum Linux & Unix
    Antworten: 2
    Letzter Beitrag: 19.11.07, 16:19
  4. XML XSD und XSL gleichzeitig verwenden
    Von stamp000 im Forum XML Technologien
    Antworten: 1
    Letzter Beitrag: 24.05.05, 13:21
  5. onMouseOver: mehrere Effekte gleichzeitig
    Von Ford Prefect im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 01.03.03, 12:44

Stichworte