jquery - Muliple images on one page each opens unique HTML content -

-

i novice jquery , javascript, need little apologize in advance if there simple solution this.

i want have multiple images on page when click on them each open html fancybox additonaional images, text , links in it, according tot code needs done iframes.

this sample of want (i used fancybox 2 code , broke down effect wanted).

    $(document).ready(function() {       $(".fancybox-flyout").click(function() {        $.fancybox.open({         padding : 5,         openeffect : 'elastic',         openspeed  : 150,         closeeffect : 'elastic',         closespeed  : 150,         closeclick : true,         helpers : {             overlay : true             }         });

i want script function on these objects:

    <a class="fancybox-flyout" href="/iframe_1.html"><img src="image_1.jpg" alt="" /></a>     <a class="fancybox-flyout" href="/iframe_2.html"><img src="image_2.jpg" alt="" /></a>     <a class="fancybox-flyout" href="/iframe_2.html"><img src="image_3.jpg" alt="" /></a>

all though open link without effect, maybe cannibalized much, wanted effect of "fancy-box-effects-c" source code , apply opening html content instead of picture.

thanks!

if opening html pages iframe, try code :

$(document).ready(function () {     $(".fancybox-flyout").fancybox({         padding: 5,         openeffect: 'elastic',         openspeed: 150,         closeeffect: 'elastic',         closespeed: 150,         closeclick: false, // <--use false if want interaction inside iframe         helpers: {             overlay: true         },         type: "iframe" // <-- may need ;)     }); });

see jsfiddle


Comments

Post a Comment

Popular posts from this blog

javascript - DIV "hiding" when changing dropdown value -

-
this related previous question asked: hide / show multiple divs i have code in place previous question , seems work ok apart when change value in dropdown "after" ticket selection made. i have number of javascrpts in place wondering if there clash somewhere? first bit of code in head of document. <head> <script type="text/javascript"> $(function() { $('.cat_dropdown').change(function() { $('#paymethod').toggle($(this).val() >= 2); }); }); </script> <script type="text/javascript"> $(document).ready(function () { $(".paymentmethod").click(function () { $(".paymentinfo").hide(); switch ($(this).val()) { case "credit card authorisation": $("#pay0").show("slow"); break; ...
Read more

html - Accumulated Depreciation of Assets on php -

-
i have problem table print out asset accumulated depreciation on php, stright line method. $query = mysqli_query($connect, "select current_value, salvage_value, useful_life, placed_service assets"); if(!$query){ echo 'could not run query b: ' . mysqli_error($connect); exit; } while($asset = mysqli_fetch_row($query)){ echo "assets :"; print_r($asset); $month = 12; $year = date('y',strtotime($asset[3])); $first_year = $month - ((int)date('m',strtotime($asset[3]))-1); $last_year = $month - $first_year; $first = round((($asset[0] - $asset[1])/$asset[2])*(($first_year)/12),0); $last = round((($asset[0] - $asset[1])/$asset[2])*(($last_year)/12),0); $others = ($asset[0] - $asset[1])/$asset[2]; echo "<table border=1>"; echo "<tr><th>year</th><th>book value year start</th><th>depreciation expense</th><th...
Read more

Update QSQLTableModel in QT C++ -

-
i created 1 dialog used bindvalues in sql database, , can save every new record sucessfully. problem i've got dialog qsqltablemodel shows information database. every time make new record must close program , run again see changes in showinformationdialog() . know way such don't need close program update information in showinformationdialog() ? you can use select() method of qsqltablemodel class repopulate model data database. bound views updated automatically. suggest connecting signal wherever update data in database (i.e. dialog updating sql database) custom slot in showinformationdialog() calls select() of qsqltablemodel object. assume have qmainwindow object parent of both dialogues best place establish connection. also since showinformationdialog() 's model used viewing data consider using qsqlquerymodel . if used setquery() method should used instead of select() otherwise (the connection of signal showinformationdialog() 's slot) same. ...
Read more