I have a slideshow using P7 IGM Image Gallery Magic. My client wants to have audio added to it. How do I add audio to IGM or do I use an alternate procedure?
LINK: http://www.dreambuildersofthefloridakeys...dream.html
I appreciate direction!
Thanks,
Lana

Example: This will open this page with 3rd panel open and scrolled down to the OPM location:  

https://www.shorehavenbhi.com/mental-hea..._3#p7OPM_1

so, after the page name, add
?opm
the panel name (third panel)
1_3#
and the name of the OPM

another example:
https://www.shorehavenbhi.com/mental-hea..._5#p7OPM_1

opens the 5th panel  



(if there were 2 OPMs on the page the second one would be called 
OPM_2)

to keep zoomed images on top of others use this


/*
****************************
PVII Image Effects Magic
by Project Seven Development
www.projectseven.com
CSS Styles
*****************************
*/

img.p7IFX {
position: relative;
}
img.ifx-on {
z-index: 999;
}

Create a button called CLOSE

Add to core.css

<!--custom -->
.opm-panel {position:absolute;left:-9000px;top:-9000px;overflow:hidden;visibility:hidden;width:100%;}
.opm-panel-wrapper {position:relative;overflow:hidden;}
.opm-panel-layout {position: relative;width: 100%;height: auto;}


and then on the page, depending on which panel will be the close, this is inline
this must be specific to the panels

example (to have panel 7 closed)



<style type="text/css">
#p7OPMpn_1_7,
#p7OPMpn_1_7 *
{
padding: 0;
}
#p7OPMpn_1_7 .opm-panel-content {
height: 0px;
}
</style>

change this:

p7 centermenu
.p7AMM.amm-responsive li {
text-align: left !important;
display: block;
max-height: 700777px;
}

to this:



.p7AMM.amm-responsive li {
text-align: center !important;
display: block;
max-height: 700777px;
}

The default height of the SOP panel is 100% of the browser window. You can over-ride this by setting a different height that is less than 100%. Add this style rule to the SOP style sheet. It uses the SOP id so that it over-rides the default width:
#p7SOP_1 {
height: 70%;
}
The height of the SOP will now be 70% of the browser window.
You can also add a top position to this rule if you want the (now shortend) SOP to be centered vertically. Just set the top position to 15% (one half of 30%) so the rule now looks like this:
#p7SOP_1 {
height: 70%;
top: 15%;
}

Note that you cannot, and should not, set the height greater than the height of the browser window. This will prevent full access to all of the overflowed content.

47% = 2 per column max
30% = 3 per column max
22% = 4 per column max
17% = 5 per column max

The easiest way to change the order of the LBM floated layout is to change the layout to CSS Grid for the mobile presentation. Then you can easily change the rendered order of any of the columns.

Add this style rule to the end of your exception style sheet:

@media only screen and (min-width: 0px) and (max-width: 700px) {
.lbm-col-wrapper {
display: grid !important;
}
.lbm-column:nth-child(1) {order: 2;}
.lbm-column:nth-child(2) {order: 1;}
.lbm-column:nth-child(3) {order: 3;}
}

This switches the layout to CSS Grid spec and sets the different order.

As of Nov 2024, Gerry from P7 hasn't been answering emails and p7 site is down. This new thread is for anyone who uses P7 and seeks peer-to-peer help.

Courtesy of denniscallan on Adobe Community forum

https://community.adobe.com/t5/dreamweav.../2#M229689

https://onedrive.live.com/?authkey=%21AL...2AC9BBAD5B

Please delete if not allowed but the contract I have been working on for the last 6 years is finishing in January so I will be available for new projects for the first time in a while if anyone needs help with WebAssist or any other PHP based projects.

Thanks,

Dave Buchholz.
I-CRE8