• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

habe problem mit einbinden von js codes

4

4ever2second

Neues Mitglied
Hallo,
ich hab leider kaum ahnung von javascript, habe heute ein sehr feines tool (html.de Forum - HTML für Anfänger & Fortgeschrittene gefunden kann es jedoch nicht ganz einbinden da ich bei einem teil der codes nicht ganz durchblicke
Man sollte js/jquery.ui.widget.js einbinden jedoch weis ich nicht woherman diese datei bekommt.
ich habe bereits das komplete paket von jquery heruntergeladen aber ich weiß nicht wie ich das jetzt für dieses smoothdivscroll configurieren muss oder ähnliches
vl kann mir das hier ja jemand erklären
wäre super
mfg 42
 
Ich hätte noch eine frage
ich möchte in diesem fall smoothdivscroll und fancybox in einem document gleichzeitig verwenden, wenn ich jedoch alle codes <script> dateien etc eingefügt habe geht gar nichts mehr .. stimmt die anordnung nicht oder wo liegt hier das problem
mfg 42


hier den code
<html>
<head>
<title>Basic demo - jQuery Smooth Div Scroll</title>

<!-- SmoothDivScroll -->
<link rel="Stylesheet" type="text/css" href="css/smoothDivScroll.css" />
<!-- fancybox -->
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<!-- SmoothDivScroll -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.ui.widget.js" type="text/javascript"></script>
<script src="js/jquery.smoothDivScroll-1.1-min.js" type="text/javascript"></script>
<!-- fancybox -->
<script src="fancybox/jquery.fancybox-1.3.4.js"></script>
<script src="fancybox/jquery.easing-1.3.pack.js"></script>
<script src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script src="js/jquery-1.4.3.min.js"></script>

<!-- FancyBox -->
<script type="text/javascript">
$(document).ready(function(){
$(".fancyYoutube").fancybox({
'transitionIn' : 'elastic',
'padding' : 0,
'autoScale' : false,
'transitionOut' : 'fade',
'width' : 680,
'height' : 495,
'type' : 'swf'
});

</script>

<!-- smooth div scroll -->
<script type="text/javascript">
// Initialize the plugin with no custom options
$(function() {
$("div#makeMeScrollable").smoothDivScroll({});
});
</script>

<!-- Styles smoothdiv -->

<style type="text/css">
#makeMeScrollable
{
width:460px;
height: 200px;
position: relative;
}

#makeMeScrollable div.scrollableArea *
{
position: relative;
float: left;
margin: 0;
padding: 0;
}
</style>

</head>

<body>

<div id="makeMeScrollable">
<div class="scrollingHotSpotLeft"></div>
<div class="scrollingHotSpotRight"></div>
<div class="scrollWrapper">
<div class="scrollableArea">
<a class="fancyYoutube" href="http://partyanimalcrew.elementfx.com/Bilder/img_01.jpg"><img src="http://partyanimalcrew.elementfx.com/Bilder/img_01.jpg" alt="Demo image" width="366" height="330" /></a>
<img src="Bilder/img_02" alt="Demo image" width="496" height="330" />
<img src="Bilder/img_03.jpg" alt="Demo image" width="440" height="330" />
<img src="Bilder/img_04.jpg" alt="Demo image" width="496" height="330" />
<img src="Bilder/img_01.jpg" alt="tschiah" width="497" height="330"/> </div>

</div>
</div>

</body>
</html>
Zum Vergrößern anklicken....
 
Da ich nicht weiss, was die funktionen machen, kann ich da leider nicht ansetzen, aber was sagt die fehlerkonsole dir? (in Firefox Extras -> Fehlerkonsole)
Du brauchst übrigens nicht für jeden neuen codeschnipsel ein neues script tag zu öffnen. Fancy Box und Smooth div scroll können ruhig in einen script tag :)
Und ich weiss nicht recht, aber ist $(function(){}); nicht das gleich wie $(document).ready() ?
falls ja hast du dein Problem eventuell und der erste Handler wird überschrieben. Probier mal folgendes.
Code: 
$(document).ready(function(){
// Fancybox
$(".fancyYoutube").fancybox({
'transitionIn' : 'elastic',
'padding' : 0,
'autoScale' : false,
'transitionOut' : 'fade',
'width' : 680,
'height' : 495,
'type' : 'swf'
};

// Smooth Div Scroll
$("div#makeMeScrollable").smoothDivScroll({});

);
Das Smooth div scroll kannst du dir dann sparen :)
 
4ever2second schrieb:
Hallo,
ich hab leider kaum ahnung von javascript, habe heute ein sehr feines tool (html.de Forum - HTML für Anfänger & Fortgeschrittene gefunden kann es jedoch nicht ganz einbinden da ich bei einem teil der codes nicht ganz durchblicke
Man sollte js/jquery.ui.widget.js einbinden jedoch weis ich nicht woherman diese datei bekommt.
ich habe bereits das komplete paket von jquery heruntergeladen aber ich weiß nicht wie ich das jetzt für dieses smoothdivscroll configurieren muss oder ähnliches
vl kann mir das hier ja jemand erklären
wäre super
mfg 42
Zum Vergrößern anklicken....


bei mir das selbe

hätts gern so wie in der letzten version von The Gambling Studio - Making Money Online Since 2002



hab ewig gebraucht um auf meinem localserver wenigstens die configs hinzukriegen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben