Goedemiddag,
Dit is de eerste keer dat ik forum bezoek, maar ik kan helaas geen antwoord op mijn vraag vinden.
Ik ben een site aan het maken met dreamweaver en wil hier graag twee widgets opzetten, naast elkaar. Het betreft een twitter widget en een soort fotoslider. Nu werken ze allebei prima afzonderlijk, maar als ik ze samen op een pagina zet verdwijnt degene die ik het laatst heb toegevoegd. Ik denk dat de scripts elkaar in de weg zitten?
Ik heb een template gebruikt van dreamweaver en gezien dit de eerste keer dat ik dreamweaver gebruik zullen er nog wel meer foutjes inzitten...
Iemand een idee hoe ik beide widgets kan laten werken?
Thnx
Dit is de eerste keer dat ik forum bezoek, maar ik kan helaas geen antwoord op mijn vraag vinden.
Ik ben een site aan het maken met dreamweaver en wil hier graag twee widgets opzetten, naast elkaar. Het betreft een twitter widget en een soort fotoslider. Nu werken ze allebei prima afzonderlijk, maar als ik ze samen op een pagina zet verdwijnt degene die ik het laatst heb toegevoegd. Ik denk dat de scripts elkaar in de weg zitten?
Ik heb een template gebruikt van dreamweaver en gezien dit de eerste keer dat ik dreamweaver gebruik zullen er nog wel meer foutjes inzitten...

Iemand een idee hoe ik beide widgets kan laten werken?
Thnx
HTML:
<script type="text/javascript">
// BeginOAWidget_Instance_2827522: #OAWidget
$(window).load(function() {
$('.flexslider').flexslider({
animation: "fade",
controlsContainer: ".flex-container", //Selector: Declare which container the navigation elements should be appended too. Default container is the flexSlider element. If the given element is not found, the default action will be taken.
slideDirection: "horizontal", //String: Select the sliding direction, 'horizontal' or 'vertical'
slideshow: true, //Boolean: Animate slider automatically
slideshowSpeed: 5000, //Integer: Set the speed of the slideshow cycling, in milliseconds
animationDuration: 600, //Integer: Set the speed of animations, in milliseconds
directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false)
controlNav: true, //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
keyboardNav: true, //Boolean: Allow slider navigating via keyboard left/right keys
mousewheel: false, //Boolean: Allow slider navigating via mousewheel
prevText: "Previous", //String: Set the text for the "previous" directionNav item
nextText: "Next", //String: Set the text for the "next" directionNav item
pausePlay: false, //Boolean: Create pause/play dynamic element
pauseText: "Pause", //String: Set the text for the "pause" pausePlay item
playText: "Play", //String: Set the text for the "play" pausePlay item
randomize: false, //Boolean: Randomize slide order
slideToStart: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide)
animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
pauseOnHover: true, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
manualControls: "", //Selector: Declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
start: function(){}, //Callback: function(slider) - Fires when the slider loads the first slide
before: function(){}, //Callback: function(slider) - Fires asynchronously with each slider animation
after: function(){}, //Callback: function(slider) - Fires after each slider animation completes
end: function(){} //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous)
});
});
// EndOAWidget_Instance_2827522
</script>
<div id="container2"><!--=============================
Markup for FADE animation
=================================-->
<div class="flex-container">
<div class="flexslider">
<ul class="slides">
<li> <img src="images/kaart4.jpg" />
<p class="flex-caption">voorbeeld!</p>
</li>
<li> <a href="http://hetcamerameisje.com"><img src="images/kaart3.jpg" /></a> <p class="flex-caption">voorbeeld!</p>
</li>
<li> <img src="images/kaart1.jpg" /> <p class="flex-caption">voorbeeld!</p></li>
<li> <img src="images/kaart2.jpg" /> <p class="flex-caption">voorbeeld!</p></li>
</ul>
</div>
</div>
</div>
</div>
<div id="apDiv4">
<div id="twitter"></div>
<script type="text/javascript">
// BeginOAWidget_Instance_2125523: #twitter
$(document).ready(function() {
$('#twitter').twitterSearch({
term: 'Camerameisje',
title: 'Camerameisje tweets ',
titleLink: 'http://www.hetcamerameisje.nl/tweets',
bird: false, // true or false (show or hide twitter bird image)
birdSrc: '/images/tweet.gif', // twitter bird image
birdLink: 'http://twitter.com/camerameisje', // url that twitter bird image should like to
avatar: true, // true or false (show or hide twitter profile images)
anchors: true, // true or false (enable embedded links in tweets)
animOutSpeed: 500, // speed of animation for top tweet when removed
animInSpeed: 500, // speed of scroll animation for moving tweets up
pause: true, // true or false (pause on hover)
time: true, // true or false (show or hide the time that the tweet was sent)
timeout: 4000, // delay betweet tweet scroll
css: {
a: { textDecoration: 'none', color: '#ff99cc', fontWeight: 'normal'},
container: { backgroundColor: '#ffffff' },
frame: { border: '10px solid #ffffff', borderRadius: '10px', '-moz-border-radius': '10px', '-webkit-border-radius': '10px' },
img: { width: '30px', height: '30px' },
loading: { color: '#cccccc' },
text: {fontWeight: 'normal', fontSize: '12px', color:'#333333'},
time: { fontSize: '10px', color: '#cccccc' },
title: { backgroundColor: '#ffffff', padding: '5px 0 5px 0', textAlign: 'center', fontWeight: 'bold', fontSize: '14px'},
titleLink: { textDecoration: 'none', color: '#ff99cc' },
user: { fontSize: '12px'},
fail: { background: '#6cc5c3 url(/images/failwhale.png) no-repeat 50% 50%'}
}
});
});
// EndOAWidget_Instance_2125523
</script>
</div>
<div class="container">
<div class="header"><iframe width="1000" height="563" src="http://www.youtube.com/embed/gXlA8-9V7QA?rel=0" frameborder="0" allowfullscreen></iframe></div>
<!-- end .container --></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Laatst bewerkt: