020 555 1111
  • Old fashion, modular, procedural PHP plus some scaffolding techniques to allow it to mimic MVC simplicity.
  • A quick reference to help you find in PHP maze what needs to be done and how to do it.
  • Learn a PHP Object Oriented Programming by building a live discussion forum application.
  • MVC - Model View Controller - real life, easy reference and application.
This product has options, take a look at them and select ones you like the most.
Options are displayed under image section.

Fancybox Image and Youtube Content
[fancybox]

Simple code to use Fancybox pop to display image/youtube movie.

 

general code

<script type="text/javascript">
    $(document).ready(function() {
	   $(".fancy_freehand").fancybox({
	       //place for options
	   });
    });
</script>

 

image

with text as trigger - replace text with image thumb for image as a trigger

<a class="fancy_freehand" href="images/drag.png" rel="fancybox" style="outline-style: none; text-decoration: none; ">[click link label]</a>

<a class="fancy_freehand" href="images/user/jmvc_fractal_front.gif" style="outline-style: none; text-decoration: none;" rel="fancybox"><img alt="" src="images/user/jmvc_fractal_front_thumb.png" /></a>

 

youtube

iFrame based - causes problems with fancybox: on second click iframe with about:blank instead of link loads - use "application/x-shockwave-flash"

change TixxPydpE6g in link to youtube video id
change myId to some unique id, you can use youtube video id for that, just make sure it starts with letter

<a class="fancy_freehand" href="#myId" rel="fancybox" style="outline-style: none; text-decoration: none; ">[click link label]</a></p>
<div style="display:none;">
    <div id="myId" style="width:auto; height:auto;">
	<iframe width="1024" height="576" src="http://www.youtube.com/embed/TixxPydpE6g?rel=0&hd=1" frameborder="0" allowfullscreen></iframe>
    </div>
</div>

 

youtube

"application/x-shockwave-flash" based - does not create iFrame browser warnings about unauthorised content (crossdomain)

change YOUTUBE_VIDEO_ID in link to youtube video id

change UNIQUE_ID to some unique id, you can use youtube video id for that, just make sure it starts with letter

<div>
    <a class="fancy_freehand" href="#UNIQUE_ID" rel="fancybox" style="outline-style: none; text-decoration: none; ">
	<img alt="" src="/images/user/jmvc_yt.png" />
    </a>
</div>
<div style="display:none;">
    <div id="UNIQUE_ID" style="width:auto; height:auto;">
	<object data="http://www.youtube.com/v/YOUTUBE_VIDEO_ID?fs=1&amp;autoplay=1" width="1024" height="576" type="application/x-shockwave-flash">
	    <param name="movie" value="http://www.youtube.com/v/YOUTUBE_VIDEO_ID?fs=1&amp;autoplay=1" />
	    <param name="allowFullScreen" value="true" />
	    <param name="allowscriptaccess" value="always" />
	    <param name="wmode" value="transparent" />
	</object>
    </div>
</div>