<irm>
<pkb>
Content Not Working
</pkb>
<mbx>
Content Not Working
</mbx>
Content Working
</irm>
It seems to be the hashtag link that is the problem
Is there any solutions for this?
<irm>
<pkb>
Content Not Working
</pkb>
<mbx>
Content Not Working
</mbx>
Content Working
</irm>
It seems to be the hashtag link that is the problem
Is there any solutions for this?
That is not real code. There would be no way, nor should there, of putting Magic Box and Peekaboo inside an Image Rotator. If we may impose, can you give us a little bit ore detail as to what you are actually trying to do?
<!doctype html>
<html>
<head>
<meta id="p7HMY" name="viewport" content="width=device-width">
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="p7ir2/p7IR2-01.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="p7ir2/p7IR2scripts.js"></script>
<link href="p7ir2/p7PKB-01.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="p7ir2/p7PKBscripts.js"></script>
<link href="p7hmy/p7HMY-01.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="p7hmy/p7HMYscripts.js"></script>
<link href="p7sop/p7SOP-01.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="p7sop/p7SOPscripts.js"></script>
<link href="p7mbx/p7MBX-01.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="p7mbx/p7MBXscripts.js"></script>
</head>
<body>
<div id="p7HMY_1" class="p7HMY hmy-noscript" data-hmy-max-width="800,px">
<div class="hmy-section" data-hmy-basis="100,%,1">
<div class="hmy-content-wrapper">
<div class="hmy-content hmy-left">
<div id="p7IR2_1" class="p7IR2-01 p7IR2 rounded shadow border-light">
<div class="p7ir2-box-wrapper">
<div id="p7IR2box_1" class="p7ir2-box">
<div class="p7ir2-slide current-slide"><a class="p7ir2-link"><img class="p7ir2-image p7ir2-max" src="img/kobe-subramaniam-340331-unsplash.jpg" alt="kobe-subramaniam-340331-unsplash.jpg" width="5184" height="3456" style="width:auto !important; max-width:100%; margin:auto; max-height:400px"></a></div>
</div>
</div>
<div id="p7IR2pg_1" class="p7ir2-paginator square below light">
<ul>
<li><a id="p7IR2pg1_1" href="#">1</a></li>
<li><a id="p7IR2pg1_2" href="#">1</a></li>
<li><a id="p7IR2pg1_3" href="#">1</a></li>
<li><a id="p7IR2pg1_4" href="#">1</a></li>
<li><a id="p7IR2pg1_5" href="#">1</a></li>
<li><a class="pause play" title="Play" href="#" id="p7IR2pgpp_1">Play</a></li>
</ul>
</div>
<ul id="p7IR2list_1" class="p7ir2-list">
<li><a href="img/kobe-subramaniam-340331-unsplash.jpg">kobe-subramaniam-340331-unsplash.jpg</a>
<div class="p7ir2_desc under-image trans-pivot">Hi! My name is {Artist Name} I play the {intrument} {Skill Set}
<hz>
More Info Below
<div id="p7PKB_1" class="p7PKB pkb-no-matte pkb-borders-section pkb-rounded pkb-arrow-light pkb-noscript" data-pkb="p7PKB_1,120,px,1,0,0,0,0,1">
<div class="pkb-item pkb-vCenter">
<div class="pkb-section boo-from-top pkb-nat-height">
<div class="pkb-arrow"> </div>
<div class="pkb-content"><img class="pkb-image" src="img/francisco-moreno-110533-unsplash.jpg" width="4217" height="2758" alt="Musical Profile">
<div class="pkb-boo pkb-gray pkb-vCenter pkb-center"><a id="p7SOPt_2" href="#" class="sop-trigger sop-trig-dark sop-trig-img"></a><a href="#" class="sop-trigger sop-trig-dark sop-trig-img" id="p7SOPt_1"><img src="img/icons8-contacts-24.png" width="24" height="24"></a></div>
</div>
</div>
</div>
<div class="pkb-item pkb-vCenter">
<div class="pkb-section boo-from-top pkb-nat-height">
<div class="pkb-arrow"> </div>
<div class="pkb-content"><img class="pkb-image" src="img/yvette-de-wit-118721-unsplash.jpg" width="5506" height="3671" alt="">
<div class="pkb-boo pkb-gray pkb-vCenter pkb-center">
<p>Upcoming Events</p>
</div>
</div>
</div>
</div>
<div class="pkb-item pkb-vCenter">
<div class="pkb-section boo-from-top pkb-nat-height">
<div class="pkb-arrow"> </div>
<div class="pkb-content"><img class="pkb-image" src="img/kara-michelle-554236-unsplash.jpg" width="5184" height="3456" alt="">
<div class="pkb-boo pkb-gray pkb-vCenter pkb-center">
<p>Listen To My Music</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p7ir2_link"><a href="index.html"></a></div>
</li>
<li><a href="img/akshar-dave-613564-unsplash.jpg">akshar-dave-613564-unsplash.jpg</a>
<div class="p7ir2_desc under-image trans-pivot">Hi! My name is {Artist Name} I play the {intrument} {Skill Set}
<hz>
More Info Below</div>
<div class="p7ir2_link"><a href="index.html"></a></div>
</li>
<li><a href="img/aiden-marples-3052-unsplash.jpg">aiden-marples-3052-unsplash.jpg</a>
<div class="p7ir2_desc under-image trans-pivot">Hi! My name is {Artist Name} I play the {intrument} {Skill Set}
<hz>
More Info Below</div>
<div class="p7ir2_link"><a href="index.html"></a></div>
</li>
<li><a href="img/drew-sal-517060-unsplash.jpg">drew-sal-517060-unsplash.jpg</a>
<div class="p7ir2_desc under-image trans-pivot">Hi! My name is {Artist Name} I play the {intrument} {Skill Set}
<hz>
More Info Below</div>
<div class="p7ir2_link"><a href="index.html"></a></div>
</li>
<li><a href="img/obi-onyeador-337114-unsplash.jpg">obi-onyeador-337114-unsplash.jpg</a>
<div class="p7ir2_desc under-image trans-pivot">Hi! My name is {Artist Name} I play the {intrument} {Skill Set}
<hz>
More Info Below</div>
<div class="p7ir2_link"><a href="index.html"></a></div>
</li>
</ul>
<script type="text/javascript">P7_IR2op('p7IR2_1',3,800,1,1,8,0,0,1,12,0,400);</script>
</div>
</div>
</div>
</div>
</div>
<div id="p7SOP_2" class="p7SOP sop-noscript sop-borders sop-trans" data-sop="p7SOP_2,0,40%,800px,200px,1,400,999,1,0,0,1,0,1,1,0">
<div class="sop-scroll-arrow"><a id="p7SOPtp_2" href="#" class="sop-scroll-up">Top<img src="p7sop/img/scroll-dark.png" width="23" height="27" alt=""/></a></div>
<div id="p7SOPw_2" class="sop-wrapper">
<div class="sop-close-icon"><a id="p7SOPcl_2" href="#" class="sop-close sop-dark">Close<img src="p7sop/img/close-dark.png" width="28" height="30" alt=""/></a></div>
<div class="sop-content">
<h2>Slide-Out Panel 2</h2>
<p>Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti definitionem, vis no wisi graecis offendit. Ius ut everti detraxit expetenda, meis civibus consectetuer ea usu. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te. Solum affert expetenda eos te, et vim sale iudico impetus, in appetere postulant ius. Alia nihil utroque ex sit.</p>
</div>
</div>
</div>
<div id="p7SOP_1" class="p7SOP sop-noscript sop-black sop-borders sop-trans" data-sop="p7SOP_1,0,100%,1200px,200px,1,400,999,1,0,0,1,0,1,1,0">
<div class="sop-scroll-arrow"><a id="p7SOPtp_1" href="#" class="sop-scroll-up">Top<img src="p7sop/img/scroll-dark.png" width="23" height="27" alt=""/></a></div>
<div id="p7SOPw_1" class="sop-wrapper">
<div class="sop-close-icon"><a id="p7SOPcl_1" href="#" class="sop-close sop-dark">Close<img src="p7sop/img/close-dark.png" width="28" height="30" alt=""/></a></div>
<div class="sop-content">
<h2>Slide-Out Panel 1</h2>
<p>Lorem ipsum dolor sit amet, ne sea vocent scripta abhorreant, facilisi explicari mel ne, ut quo vide ridens. Mei ex quodsi inciderint, quo ad quas deleniti definitionem, vis no wisi graecis offendit. Ius ut everti detraxit expetenda, meis civibus consectetuer ea usu. Ad qui option facilisis consequuntur, pro omnis aliquip vulputate te. Solum affert expetenda eos te, et vim sale iudico impetus, in appetere postulant ius. Alia nihil utroque ex sit.</p>
<div id="p7MBXtmb_1" class="mbx-thumbs">
<ul>
<li><a href="img/james-stamler-153487-unsplash.jpg" class="p7mbx-trigger" data-mbx="1" data-mbx-slide="1"><img src="img/james-stamler-153487-unsplash.jpg" width="5184" height="3456" alt="jamieson-murphy-409871-unsplash"></a></li>
<li><a href="img/mohammad-metri-421904-unsplash.jpg" class="p7mbx-trigger" data-mbx="1" data-mbx-slide="2"><img src="img/mohammad-metri-421904-unsplash.jpg" width="5955" height="3975" alt="mohammad-metri-421904-unsplash"></a></li>
<li><a href="img/lechon-kirb-25696-unsplash.jpg" class="p7mbx-trigger" data-mbx="1" data-mbx-slide="3"><img src="img/lechon-kirb-25696-unsplash.jpg" width="5184" height="3456" alt="lechon-kirb-25696-unsplash"></a></li>
</ul>
</div>
<div id="p7MBX_1" class="p7MBX-01 p7MBX p7MBXnoscript transparency rounded matting light">
<ul id="p7MBXlist_1" class="p7mbx-list">
<li><a href="img/james-stamler-153487-unsplash.jpg" class="mbx-image" title="" data-mbx-mode="fit">jamieson-murphy-409871-unsplash</a>
<div class="mbx_desc">Tools of Trade</div>
<div class="p7mbx_link"><a href="index.html">jamieson-murphy-409871-unsplash</a></div>
</li>
<li><a href="img/mohammad-metri-421904-unsplash.jpg" class="mbx-image" title="" data-mbx-mode="fit">mohammad-metri-421904-unsplash</a>
<div class="mbx_desc">My Online Blog</div>
<div class="p7mbx_link"><a href="index.html">mohammad-metri-421904-unsplash</a></div>
</li>
<li><a href="img/lechon-kirb-25696-unsplash.jpg" class="mbx-image" title="" data-mbx-mode="fit">lechon-kirb-25696-unsplash</a>
<div class="mbx_desc">My Other Talents</div>
<div class="p7mbx_link"><a href="index.html">lechon-kirb-25696-unsplash</a></div>
</li>
</ul>
<script type="text/javascript">P7_MBXop('p7MBX_1',1,600,1,0,8,0,0,1,0,100,1,2,1,1,0,1,1,0,0);</script>
</div>
</div>
</div>
</div>
</body>
</html>
I have a problem with Peekaboo inside IRM2
You see the code above, peekaboo has a global maxwidth of 120px but problem occurs after the last rotation of images in IRM2 as it goes back to the 1st BUT the Peekaboo images are of the same size as the maxwdth of IRM2.
Also when their is a # at the end of the url, Peekaboo links wont work
MBX is fix
Have you ever heard the name Rube Goldberg?
But I digress..
If you want an MBX to be launched by a link inside the IRM description, place the Magic Box on the page, completely outside the Image Rotator. Then place a Magic Box trigger behavior inside the IRM description.
Get that straight and then we'll move on to Peekaboo... and perhaps you might want to explain exactly why you want a Peekaboo instance inside an IRM description? Because for the life of me I can't imagine why :-(
Well I can drop out the MBX but the PKB on IRM2 will stay.
Example would be:
IRM2 is great for Wide Banners = Announcement Images like Deals, Events, triggering factor of the visitor
PKB is great to add Profiles or Products since I can add html buttons like Add To Cart, View Member/Product Profile, Demo Button and etc...
MBX only show picture which means only 1 click button
I will recheck again if I can fix this IRM2 issue or PKB on their respective settings
Actually, PBX will not work in an IRM2 Description field. IRM2 uses older methods to create the description element dynamically. If you want both PBX and MBX to work in an image rotator, you'll need to use a newer product. AGM will work fine:
http://www.projectseven.com/products/galleries/irm2/testing/mbx-pbx/
Hi! I just got the info slider to use as a peekaboo image container but it seems I will have to only create 1 instance of peekaboo per infoslider DIV to make it work using if user is using mobile phone.
What i mean by that is I inserted the infoslider below the AGM section as a means to show Image Covers which are peekaboo instances
Infoslider populates content by DIV which means if I inserted a peekaboo image then I have to Insert New Peekaboo instance on each infoslider DIV which is not the purpose I wanted.
I would want my peekaboo instances in one go inside infoslider without having to go through each DIV.
Will there be a script for that like if I hover around the infoslider and have an option to "add peekaboo images per DIV content"
so that I don't have to keep creating new PKB per div content
You must log in to post.