Hola gente, estoy utilizando prettyphoto para un sitio y necesito iniciar la galería desde un iframe que cargo con prettyphoto.
Sería algo como esto solo que con prettyphoto...
Alguien sabe como hacerlo?
Gracias
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet"
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/ui-lightness/jquery-ui.css"
type="text/css" media="all">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"
type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"
type="text/javascript"></script>
<script>
$(document).ready(function(){
$('#clickme1').bind('click', function(){
$("#mdw1").dialog({
modal: true,
width: 400,
title: 'Modal Dialog Window 1'
});
return false;
});
$('#clickme2').bind('click', function(){
$("#mdw2").dialog({
modal: true,
width: 200,
title: 'Modal Dialog Window 2'
});
return false;
});
});
</script>
<style type="text/css">
body {background-color:silver;}
#mdw1, #mdw2 {display:none;}
</style>
</head>
<body>
<p>I am a paragraph in the body</p>
<p><a href="#" id="clickme1">Click Me</a> to see the first window</p>
<div id="mdw1">
<p>Wow, the window opened.</p>
<p><a href="#" id="clickme2">Click Me</a> to see the next window</p>
</div>
<div id="mdw2">
<p>I am the next window!</p>
</div>
</body>
</html>