PrettyPhoto ligthbox inline

elchuri2002 · #1 (**permalink**) 29/11/2010, 10:07

Hola, estot usando prettyphoto para mostar texto en un lightbox en Internet explorer me da error que no puede mostrar la imagen "image cannot be loaded. make sure the path is correct and image exist", la página son varios archivos PHP que adentro poseen HTML. Tengo un PHP general (index.php) donde cargo los scripts y luego en cada PHP el contenido de cada sección.

Código HTML:

<script src="jscript/jquery-1.4.4.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="jscript/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

Y en el PHp de cada seccion ejecuto este codigo (pongo el código de prueba que tampoco funciona)

Código PHP:

  <form> 
        
 
     
         
        <h4>Inline content</h4> 
        <ul class="gallery clearfix"> 
            <li><a href="#inline_demo" rel="prettyPhoto[inline]">Inline content 1</a></li> 
            <li><a href="#inline_demo2" rel="prettyPhoto[inline]">Inline content 2</a></li> 
            <li><a href="#inline_demo3" rel="prettyPhoto[inline]">Inline content 3</a></li> 
        </ul> 
        <div id="inline_demo" style="display:none;"> 
             
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
        </div> 
        <div id="inline_demo2" style="display:none;"> 
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
        </div> 
        <div id="inline_demo3" style="display:none;"> 
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
            <p><a href="http://movies.apple.com/movies/sony_pictures/angelsanddemons/angelsanddemons-video_h.480.mov?width=480&amp;height=260" title="Angels &amp; Demons sdg sdag sdagsdag sadg sadg sda gasg sdg asdgsdag sadgsdagsadg sdag sdgasdgsda"><img src="http://images.apple.com/trailers/sony_pictures/images/angelsdemons_200903261218.jpg" alt="Angels &amp; Demons" /></a></p> 
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
        </div> 
         
         
         
        <script type="text/javascript" charset="utf-8"> 
        $(document).ready(function(){ 
            $(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'light_rounded',slideshow:5000}); 
            $(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'fast',slideshow:2000}); 
 
            $("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({ 
                custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>', 
                changepicturecallback: function(){ initialize(); } 
            }); 
 
            $("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({ 
                custom_markup: '<div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div>', 
                changepicturecallback: function(){ _bsap.exec(); } 
            }); 
        }); 
        </script> 
         
        <!-- Google Maps Code --> 
        <script type="text/javascript" 
            src="http://maps.google.com/maps/api/js?sensor=true"> 
        </script> 
        <script type="text/javascript"> 
          function initialize() { 
            var latlng = new google.maps.LatLng(-34.397, 150.644); 
            var myOptions = { 
              zoom: 8, 
              center: latlng, 
              mapTypeId: google.maps.MapTypeId.ROADMAP 
            }; 
            var map = new google.maps.Map(document.getElementById("map_canvas"), 
                myOptions); 
          } 
 
        </script> 
        <!-- END Google Maps Code --> 
         
        <!-- BuySellAds.com Ad Code --> 
        <style type="text/css" media="screen"> 
            .bsap a { float: left; } 
        </style> 
        <script type="text/javascript"> 
        (function(){ 
          var bsa = document.createElement('script'); 
             bsa.type = 'text/javascript'; 
             bsa.async = true; 
             bsa.src = '//s3.buysellads.com/ac/bsa.js'; 
          (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); 
        })(); 
        </script> 
        <!-- END BuySellAds.com Ad Code --> 
    </form>

Saludos.