Immagine alert - popup

[dix93]

prima di tutto salve a tutti! spero di trovarmi bene su questo forum!
il mio problema è semplice: vorrei inserire nel mio sito web un alert del genere.
ho provato ad inserire il seguente codice nell'html del body (come sul sito).

<div id="popup" style="display:none;width:600px;margin-left:-300px;" class="popup">
    <div style="position:relative;width:600px;height:600px;margin:0;padding:0;">
        [img]miaimmagine.jpg[/img]
    </div>
</div>

e poi ho copiato il file popup.css del sito nella mia directory.. ma a quanto pare non basta, come fare?

[0-c00l]

Hai scordato il javascript, sul sito ho trovato delle funzioni chiamate popup quindi sicuramente sono relative ad esso

[dix93]

scusami ma non sono praticissimo, mi limito a smanettare.
in pratica va bene solo quel codice che ho aggiunto nell'html? o dovrei mettere altro nell'head?
per includere il javascript come dovrei fare? ho visto che sul sito c'è un file in js\2slidesEffects.js è questo che contiene gli script che mi servono? quando lo carico sul mio spazio devo comunque creare la cartella js?

EDIT
allora ho copiato questo nell'head del mio sito.

 <link rel="stylesheet" media="screen" href="superheroes/style/popup.css" />
<script type="text/javascript" src="js/jquery.modal.js"></script>

quindi ho copiato il file jquery.modal.js nella cartella js sul mio spazio.. ma nulla ancora, cosa sbaglio?

[0-c00l]

 <link rel="stylesheet" media="screen" href="http://www.nocodestore.com/superheroes/style/popup.css" />
<script type="text/javascript" src="http://www.nocodestore.com/js/jquery.modal.js"></script>
<script type="text/javascript">

 var clicked = false
function mycarousel_itemLastInCallback(carousel, item, idx, state) {
	$("#toolbar li").removeClass("active");
	$("#button_"+idx).addClass("active");
};
function mycarousel_initCallback(carousel) {
	jQuery('#toolbar li a').bind('click', function() {
		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr("href")));
		 carousel.startAuto(0);		
 clicked = true;		
        return false;
    });
	
	  jQuery('#toolbar li a').hover(function() {
	
        carousel.stopAuto();
    }, function() {
		if (clicked == false) { 
	        carousel.startAuto();
		}
    });
	 
	 
	 
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
       	if (clicked == false) { 
      carousel.startAuto();
		}
    });

};

// Ride the carousel...
jQuery(document).ready(function() {
	//// POPUP
	$('#popup').jqm();
	$('#popup').jqmAddClose('#popup a');
	$('#popup').jqmShow();
	 //FINE POPUP
    jQuery("#content").jcarousel({
		wrap: 'last',
        auto: 2,
		scroll: 1,
        initCallback: mycarousel_initCallback,
		itemLastInCallback: {
			onBeforeAnimation: mycarousel_itemLastInCallback
		},
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
});

</script>

[dix93]

continuo a non avere nessun risultato... ho copiato il tuo codice nel mio head (e i rispettivi js e css nelle directory), ma nulla...

[dix93]

al massimo non c'è un modo diverso per ottenere gli stessi risultati?