Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
voked
Threadersteller
Dabei seit: 12.01.2010
Ort: Berlin
Alter: 36
Geschlecht:
|
Verfasst Di 12.01.2010 01:48
Titel jquery easySlider + Fancybox |
|
|
Hallo,
bin am verzweifeln, irgendwie kriege ich es nicht hin in dem easySlider Script auch noch das Fanzybox Script zum laufen zu bringen. Ich weiß nicht ob es Probleme mit 2 jquery Scripte auf einmal gibt, jedoch funktioniert nur der Slider und die Bilder werden einfach in einem blank Fenster geöffnet.
Hat jemand eine Ahnung wie ich das hinkriege oder hat jemand schonmal sowas gemacht?
Wäre total geil wenn mir eine Helfen könnte.
Danke schonmal im vorraus
LG
|
|
|
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Di 12.01.2010 08:56
Titel
|
|
|
Ich fänds total geil, wenn Du das Stückchen Code mal hier postest.
|
|
|
|
|
Anzeige
|
|
|
voked
Threadersteller
Dabei seit: 12.01.2010
Ort: Berlin
Alter: 36
Geschlecht:
|
Verfasst Di 12.01.2010 13:11
Titel
|
|
|
klar, sorry
Code: | <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.flow.1.2.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div#myController").jFlow({
slides: "#slides",
controller: ".jFlowControl", // must be class, use . sign
slideWrapper : "#jFlowSlide", // must be id, use # sign
selectedWrapper: "jFlowSelected", // just pure text, no sign
auto: true, //auto change slide, default true
width: "600px",
height: "400px",
duration: 400,
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext" // must be class, use . sign
});
$(document).ready(function() {
/* This is basic - uses default settings */
$("a#single_image").fancybox();
/* Using custom settings */
$("a#inline").fancybox({
'hideOnContentClick': true
});
$("a.group").fancybox({
'zoomSpeedIn': 300,
'zoomSpeedOut': 300,
'overlayShow': false
});
});
</script> |
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Di 12.01.2010 13:13
Titel
|
|
|
Code: | <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.flow.1.2.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div#myController").jFlow({
slides: "#slides",
controller: ".jFlowControl", // must be class, use . sign
slideWrapper : "#jFlowSlide", // must be id, use # sign
selectedWrapper: "jFlowSelected", // just pure text, no sign
auto: true, //auto change slide, default true
width: "600px",
height: "400px",
duration: 400,
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext" // must be class, use . sign
});
/* This is basic - uses default settings */
$("a#single_image").fancybox();
/* Using custom settings */
$("a#inline").fancybox({
'hideOnContentClick': true
});
$("a.group").fancybox({
'zoomSpeedIn': 300,
'zoomSpeedOut': 300,
'overlayShow': false
});
});
</script> |
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Di 12.01.2010 13:16
Titel
|
|
|
ohne jetzt genauer zu schauen, fallen mir ein paar dinge auf:
Immer erst jquery einbinden (vorallem nicht doppelt), dann die plugins. ebenso nicht doppelt die funtion document.ready verwenden, das gibt keinen sinn.
Code: |
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.flow.1.2.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div#myController").jFlow({
slides: "#slides",
controller: ".jFlowControl", // must be class, use . sign
slideWrapper : "#jFlowSlide", // must be id, use # sign
selectedWrapper: "jFlowSelected", // just pure text, no sign
auto: true, //auto change slide, default true
width: "600px",
height: "400px",
duration: 400,
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext" // must be class, use . sign
});
/* This is basic - uses default settings */
$("a#single_image").fancybox();
/* Using custom settings */
$("a#inline").fancybox({
'hideOnContentClick': true
});
$("a.group").fancybox({
'zoomSpeedIn': 300,
'zoomSpeedOut': 300,
'overlayShow': false
});
});
</script> |
dein html markup wäre gut, wenn du das auch noch zeigen würdest, denn so kann man eigentlich immernoch nur mutmaßen was du jetzt sliden oder popuppen lassen willst
// aaach muuh... mönsch ....
Zuletzt bearbeitet von choise am Di 12.01.2010 13:17, insgesamt 1-mal bearbeitet
|
|
|
|
|
voked
Threadersteller
Dabei seit: 12.01.2010
Ort: Berlin
Alter: 36
Geschlecht:
|
Verfasst Di 12.01.2010 13:46
Titel
|
|
|
Danke schonmal
gebracht hat es leider nichts Der Slider hat jetzt nicht mehr funktioniert.
Hier mal der komplette Code der Seite.
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Content Slider</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/fancybox.css" type="text/css" media="screen">
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.flow.1.2.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div#myController").jFlow({
slides: "#slides",
controller: ".jFlowControl", // must be class, use . sign
slideWrapper : "#jFlowSlide", // must be id, use # sign
selectedWrapper: "jFlowSelected", // just pure text, no sign
auto: true, //auto change slide, default true
width: "600px",
height: "400px",
duration: 400,
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext" // must be class, use . sign
});
});
$(document).ready(function() {
/* This is basic - uses default settings */
$("a#single_image").fancybox();
/* Using custom settings */
$("a#inline").fancybox({
'hideOnContentClick': true
});
$("a.group").fancybox({
'zoomSpeedIn': 300,
'zoomSpeedOut': 300,
'overlayShow': false
});
});
</script>
</head>
<body>
<div class="jflow-content-slider">
<div id="slides">
<div class="slide-wrapper">
<div class="slide-details">
<div class="description">
<a rel="group1" id="single_image" href="img/02.jpg"><img src="img/002.jpg" alt="test"/></a>
</div>
</div>
<div class="clear"></div>
</div>
<div class="slide-wrapper">
<div class="slide-details">
<div class="description">
Seite 2
</div>
</div>
<div class="clear"></div>
</div>
<div class="slide-wrapper">
<div class="slide-details">
<div class="description">
Seite 3
</div>
</div>
<div class="clear"></div>
</div>
<div class="slide-wrapper">
<div class="slide-details">
<div class="description">
Seite 4
</div>
</div>
<div class="clear"></div>
</div>
<div class="slide-wrapper">
<div class="slide-details">
<div class="description">
Seite 5
</div>
</div>
<div class="clear"></div>
</div>
<div class="slide-wrapper">
<div class="slide-details">
<div class="description">
Seite 6
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="myController">
<span class="jFlowPrev"> ‹ </span>
<span class="jFlowControl">01</span>
<span class="jFlowControl">02</span>
<span class="jFlowControl">03</span>
<span class="jFlowControl">04</span>
<span class="jFlowControl">05</span>
<span class="jFlowControl">06</span>
<span class="jFlowNext"> › </span>
</div>
<div class="clear"></div>
</div>
</body>
</html> |
Irgendwie hab ich das Gefühl das es einfach nicht vorgesehen ist 2 jquery Scripte auf einmal laufen zu lassen...
Danke nochmal für die bisherige Hilfe
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Di 12.01.2010 13:50
Titel
|
|
|
kannst du irgendwo mal ein beispiel online stellen und uns erklären was genau passieren soll?
deine scripte verweisen auf lauter elemente die es so im html nicht gibt...
|
|
|
|
|
voked
Threadersteller
Dabei seit: 12.01.2010
Ort: Berlin
Alter: 36
Geschlecht:
|
Verfasst Di 12.01.2010 22:30
Titel
|
|
|
So, ich habs selber geschafft, total dämlicher Fehler zumal ich mich schon die ganze zeit gefragt hatte warum der javascript link jquery.fancybox.js hieß.
Einfach in fancybox.js geändert und schon fertig
Ein Riesen Dankeschön für eure Hilfe, denn ohne eure Änderungen hätte es trotzdem nicht funktioniert.
Also Danke Danke Danke
Falls ich wieder mal nicht weiter weiß werde ich gerne auf euch zurück kommen, ein super forum mit extrem geilen Usern.
Danke nochmals.
LG
|
|
|
|
|
|
|
|
Ähnliche Themen |
jquery - fancybox und easySlider
Fancybox und jQuery Draggable
jQuery Fancybox per Js aufrufen?
jQuery Fancybox - Abstand zwischen Thumbnails
Easyslider in Webseite einbinden...
Tabslideout.js vs. Fancybox
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|