Que tal buen día realmente lo que tienes que hacer es incluir las url de jquery de prettyphoto, y los estilos de prettyphoto, al igual que un script en el mismo documento HTML con eso las etiquetas a serán reemplazadas por el visualizador prettyphoto.
Código a las referencias (plugin y jquery ), esto se incluye en el documento HTML entre las etiquetas <head>
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
</head>
El siguiente código se incluye antes de <body>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
y si quieres usarlo solo tienes que implementar el siguiente código en las etiquetas a y reemplazar la palabra url_youtube
<a href="url_youtube" rel="prettyPhoto" title=""><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>
Ya preparamos un vídeo con la asesoría que quieres https://www.youtube.com/watch?v=Gs-uQurw-xY
Gracias por suscribirte, comentar, compartir y por consultar http://develoteca.com