Load swf file on click of (javascript)navigation label - javascript

I am trying to make a (heavy)swf file slideshow. for that i have created navigation labels at the bottom of the html page using javascript.And my my 'aim' is when i 'll click on any navigation label,particular swf file will be loaded. Here i'm getting problem is , when i open that html file all swf files are loaded at the same time. so when i click on nxt label part of swf only displays.
so what is the soln to this?
is there any way that when i'll click on navigation label only that time particular swf file will played and when i'll go to nxt label, previous label shoud have to unload.

I think that instead of pre-loading, you should load the SWF files dynamically, changing the src attribute of the element in the moment it is displayed.

Related

how to keep the div content displayed even I browse through the pages of the site?

I want to show the content of a div keeping displayed even I browse through the pages of the website. I want to place it fixed at the bottom and display an audio player. I've never studied AJAX, so I have no idea how it works. At the moment I would like to be able to view the contents of the div and later I will add the player. Can you help me or can you link a reference? Thanks in advance
I'm using wavesurfer js to display audio player.

Change Button Function After html site loaded on Iframe

I have an application in which I loaded .html file inisde a iframe on button click.
On In Progress Click app inside .html file loaded in iframe.
Above picture is of Iframe. On click Close a pop up appear.
Now I want to override the functionality of this CLOSE MODULE Button.
For example: On click this button i want to reload the parent application.
I have tired below code but its not working.
$('.notify-popup-prompt-button').on('click',function(){
console.log(123);
location.reload("https");
})
I resolved the issue, by changing in JavaScript using by .htlm file.

Javascript loader

I have an image carousel on my page with some fairly small images. the issue is not with the images but with the script itself. I want to display a javascript loader image while the entire plugin is loaded and is ready for action.
when i launch the page, the carousel <li> first display like a normal list, then get formed into the carousel. i want to avoid that and display a loader image while the entire thing is loaded.
try this image loader or you can find more image loaders in the internet, you can run image loader indipendently from what page containing. so it is not a part of carousel.

Javascript image scroll

I have an image scroll implemented onto the homepage and it's working fine.
The problem comes when I try to add in a href into the equation, I want each image on the scroll to link to a page on the site.
If I add this in now on my .js file it stops the functionality, is this going to be possible?

jQuery lightbox plug-in bug

If you visit here: http://www.egyptevakantie.nl/dahab, click on the "andere plaatsen" tab, and then click on an image it brings up a magnified image, courtesy of the jQuery lightbox plug-in.
However, if you do the same here http://www.egyptevakantie.nl/dahab?rhys=yes (essentially the same site except for a couple of stylesheets and one or two minor html changes, none of which are in close proximity to the images) the lightbox fails. Instead of overlaying the content the lightbox is appended to the bottom of the page, where it is also displayed weirdly.
So far in debugging I've managed to work out that the plug-in still calculates the correct left and top values for where to place the lightbox, but by the time the dhtml is generated the top value has changed completely.
Does anyone have any idea why this is happening?
I think you are missing the jquery lightbox stylesheet file.
in the first page there is a reference to this css file:
/css/jquery.lightbox-0.5.css
but on the second link there is no reference to this file.
this css file is included in the jQuery lightbox download located here:
http://leandrovieira.com/projects/jquery/lightbox/
If image is appended at bottom page, for sure postion:absolute is not set.

Categories