Forum Replies Created

Viewing 11 replies - 1 through 11 (of 11 total)
  • ElementalMedia

    (@elementalmedia)

    Likewise. On pages created with Elementor, I receive a ‘Refused to Connect’ error. On the rest of the site (not created in Elementor) Responsinator works just fine. Please help.

    Thanks

    Nvm asked in a different forum. Thx

    ElementalMedia

    (@elementalmedia)

    Thanks for the fast reply.

    I was able to use the widget code from the Set at Soundcloud, so I didn’t have to dig through the entire api setup.

    Everything is working fine now, I appreciate the assist!

    ElementalMedia

    (@elementalmedia)

    I am having the same problem, but with files I am using from soundcloud.
    This is the code:

    <a href="#soundtrack" class="fancybox inline"><img src="http://i.imgur.com/jWoyGwd.jpg"></a>
    <div class="fancybox-hidden">
    <div id="soundtrack" width="300" height="600">
    <iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F95255638"></iframe>
    <iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F95255640"></iframe>
    </div>
    </div>

    It works fine the first time you click on the image, but if close, and click again soundcloud player will not show up. I am not sure if its something to do with the two iframes I am using or not, but it works perfectly the first time, so I am thinking that may not be an issue.

    The URL is http://medbizmarketing.com and the image is the square ‘Music From the Soundtrack’

    Thanks in advance

    Thread Starter ElementalMedia

    (@elementalmedia)

    Solved the problem with some tinkering, and examining code from other sites.

    <a href="http://localhost/clientsite/wp-content/gallery/on_set/behind-the-scenes-01.jpg" class="fancybox" rel="set_1"><img src="http://i.imgur.com/my-image.jpg"></a>
    <div class="fancybox-hidden">
    <a href="http://localhost/clientsite/wp-content/gallery/on_set/behind-the-scenes-02.jpg" class="fancybox" rel="set_1"></a>
    <a href="http://localhost/clientsite/wp-content/gallery/on_set/behind-the-scenes-03.jpg" class="fancybox" rel="set_1"></a>
    <a href="http://localhost/clientsite/wp-content/gallery/on_set/behind-the-scenes-04.jpg" class="fancybox" rel="set_1"></a>
    <a href="http://localhost/clientsite/wp-content/gallery/on_set/behind-the-scenes-05.jpg" class="fancybox" rel="set_1"></a>
    <a href="http://localhost/clientsite/wp-content/gallery/on_set/behind-the-scenes-06.jpg" class="fancybox" rel="set_1"></a>
    <a href="http://localhost/clientsite/wp-content/gallery/on_set/behind-the-scenes-07.jpg" class="fancybox" rel="set_1"></a>
    <a href="http://localhost/clientsite/wp-content/gallery/on_set/behind-the-scenes-08.jpg" class="fancybox" rel="set_1"></a>
    <a href="http://localhost/clientsite/wp-content/gallery/on_set/behind-the-scenes-09.jpg" class="fancybox" rel="set_1"></a>
    <a href="http://localhost/clientsite/wp-content/gallery/on_set/behind-the-scenes-10.jpg" class="fancybox" rel="set_1"></a>
    <a href="http://localhost/clientsite/wp-content/gallery/on_set/behind-the-scenes-11.jpg" class="fancybox" rel="set_1"></a>
    <a href="http://localhost/clientsite/wp-content/gallery/on_set/behind-the-scenes-12.jpg" class="fancybox" rel="set_1"></a>
    </div>

    Is what won the day. It seems to be a hybrid of the Manual and NextGen techniques, but as long as it works in this widget, I am happy.

    where you see
    rel="set_1"
    I found the name set_1 by inspecting the element once placed on a page/post. Your gallery name will likely be different

    Hope this helps someone else out

    Thread Starter ElementalMedia

    (@elementalmedia)

    I am getting closer:
    Using this code:

    <a href="#myGallery-1" class="fancybox"><img src="http://i.imgur.com/my-image.jpg"></a>
    <div class="fancybox-hidden">
    <div id="myGallery-1" width="900" height="600">[nggallery id=1]</div>
    </div>

    I am able to get the custom thumbnail, uploaded to IMGUR, to activate the lightbox and display the gallery.

    My only problem now is that its showing a small thumbnail image first, and if you click the small thumbnail image, the larger images load. I need the larger images to load, without having to click the thumbnail.

    I am familiar with the code:
    class="fancybox" rel="%GALLERY_NAME%"
    but I am not sure how I would use it properly. Would it be:

    <a class="fancybox" rel="on_set" href="???"> Dont know what the href would/should be
    <a class="fancybox" rel="set1" href="???"> Dont know what the href would/should be
    <a class="fancybox" rel=%GALLERY_NAME%" href="on_set">

    or something totally different.
    Almost there, just need a nudge in the right direction. Thanks

    Thread Starter ElementalMedia

    (@elementalmedia)

    Resolved

    Thread Starter ElementalMedia

    (@elementalmedia)

    modify these security filters...
    RewriteCond %{QUERY_STRING} ^.*(\[|\]|\(|\)|<|>|%3c|%3e|%5b|%5d).* [NC,OR]
    RewriteCond %{QUERY_STRING} ^.*(\x00|\x04|\x08|\x0d|\x1b|\x20|\x3c|\x3e|\x5b|\x5d|\x7f).* [NC,OR]
    
    ...to this
    
    RewriteCond %{QUERY_STRING} ^.*(\(|\)|<|>|%3c|%3e).* [NC,OR]
    RewriteCond %{QUERY_STRING} ^.*(\x00|\x04|\x08|\x0d|\x1b|\x20|\x3c|\x3e|\x7f).* [NC,OR]

    If the actual query string for the actual website contains square brackets then you would not be adding anything to Custom Code and would be directly editing the security filters in your root .htaccess file. These are standard security filters so you would need to modify them directly following the example i posted.

    This solution worked great. Thank you for the advice and the great plugin. Have a great day!

    Thread Starter ElementalMedia

    (@elementalmedia)

    No that is not the actual site. My client preferred I did not list it here in the forum.

    I pasted the actual code we are using for the button that has the square brackets <select name="form[requested_amount]"> And the value ‘requested amount’ is the value we are trying to pass.

    There are several fields in the Custom Code pane:

    Root .htaccess File Custom Code
    - CUSTOM CODE TOP:
    - CUSTOM CODE PLUGIN FIXES
    - CUSTOM CODE BOTTOM
    
    wp-admin .htaccess File Custom Code
    - CUSTOM CODE WPADMIN TOP
    - CUSTOM CODE WPADMIN PLUGIN FIXES

    Where would I place the code you provided in the above post?

    Thread Starter ElementalMedia

    (@elementalmedia)

    Thanks for the fast reply.
    I am hoping you had a chance to look at the example site I linked to.

    Here is the code I am using:

    <form action="http://mysite/loanpage/" method="GET"  onsubmit="this.submit();return false;">
    
    <div class="styled-select">
    <select name="form[requested_amount]"><option value="100">$100</option><option value="200">$200</option><option value="300">$300</option><option value="400">$400</option><option value="500" selected="selected">$500</option><option value="600">$600</option><option value="700">$700</option><option value="800">$800</option><option value="900">$900</option><option value="1000">$1000</option></select>
    </div>				<button class="blue" type="submit">APPLY NOW</button>								</form>

    I am trying to pass the ‘requested amount’ value, so I believe you are right on target with the square brackets.

    Any exemption code I can use to get this working again, and where would I place this code, please.
    Thanks

    Thread Starter ElementalMedia

    (@elementalmedia)

    Found the culprit…

    It wasn’t the plugin, but the images themselves

    Instead of RGB, my client sent over CMYK jpegs,
    which would not display in IE8.

    Thanks to everyone’s previous input to help me
    determine what it WASN’T.

    And remember, always check behind your clients
    A hard lesson learned for me.

    Adiós!

Viewing 11 replies - 1 through 11 (of 11 total)