Currently we are thoroughly watching over the situation in Ukraine and trying to support the brave and unstoppable spirit of Ukrainian nation in fight against Russian invasion by donating to the official resources provided by the Government. NING is standing with Ukraine in this fight for freedom and independence and if you want to show your support you can donate here.
Слава Україні! Героям Слава!

Current status of the Ning Platform is always available on the Ning Status Blog.

Ning has been promising to realise a way to embed our photo slideshows once again but it is yet to happen. 

Is this something that's still in the pipeline for our N2 slideshows or not? 

If not how about allowing the "/photo/photo/slideshow" page to at least be iframeable. I realise that Ning doesn't allow for our sites to be iframeabe but how about just certain pages like our photo slideshow pages??? This should be an easy overnight task for Ning. 

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • realise = release 

  •  As long as the page being iframed is within your own site you should be able to iframe the page, it's basically how I added the music page to my homepage, or is it that you want to embed your photo slideshow outside of ning ?

    • I still need to run the page to be iframed thru a site like jsfiddle so that I can have only the part of the page I want to view centered within the iframe and Ning then renders it useless. 
      But you're right I can iframe directly but then I get all the other stuff on that page like the header, footer, etc. that I don't want showing. 

      • If you take a look at the code I used for iframing the music page you will see I removed the parts of the page that was not wanted. You can remove these parts by using jquery to access the iframe and use css within it to remove those elements you do not need as you can see here and also add some to position if required.

        <script>
        x$(document).ready(function(){
        x$('.musicApp-page').closest('.section-html').addClass('musicApp-block');
        x$('<div class="musicApp-content"></div>').appendTo('.musicApp-page').hide();
        x$('<div class="musicApp"><iframe src=" YOUR URL GOES HERE " frameborder="0" marginwidth="0" marginheight="0" scrolling="yes"></iframe></div>').appendTo('.musicApp-content');
        x$(".musicApp iframe").load(function (){
        x$('.musicApp iframe').contents().find("head").append(x$("<style type='text/css'> .before-content{display:none;} .content-header{display:none;} .site-headerFrame{display:none} .site-footerFrame{display:none} .ningbar{display:none} .banner-frame{display:none} .site-bodyFrame{padding-left:0px} .site-body{padding:0px} .content-body{padding:10px} .column-narrow{display:none} body::before{display:none!important} .central-content{min-width:100px} .audioPage{padding:10px} .audioPage{margin-top:0px} body{margin:0px} .central-content{padding-bottom:0px} .audioPage .module-header{padding:4px} .audioPage .module-header{margin: 0px 0 10px 0} .audioPage-player{position:relative!important}</style>"));
        x$('.musicApp-content').show();
        });
        });
        </script>

        Another way I have done this is to add a class to the page I want to iframe and then remove the elements in design studio then get jquery to check if an iframe or not, if not then show the elements as normal.

        You can also load the photos into a div in an html block from the photo page, then use your own code to make it into a slideshow. I think I have some code for this somewhere, will have a look and see if can dig it out.

  • Scott here is an example fo a custom slideshow I used in the page and just added it to my hompage for you to see, I am sure it can be configured for Ning 2.0

    My Site: https://jr-images.ning.com/

    So all I did was add a latest photos bundle of 20 images, added the name of the bundle into the code so it knows what to look for and gave that a class, this is then used in the code for the slideshow code. Here is the code used

    <script>
    x$(document).ready(function(){
    x$('.section-photoBundle-8673264-Bundle-22').addClass('photoAds');
    });
    </script>

    <script>
    x$(document).ready(function(){
    var li = x$('.photoAds .matrix-itemFluid.photoSection-entry').hide(),
    i = 0;
    x$('.photoAds .matrix-itemFluid.photoSection-entry');
    (function cycle() {
    li.eq(i).fadeIn(300).delay(2000).fadeOut(300, cycle);
    i = ++i % li.length; // increment i,
    // and reset to 0 when it equals divs.length
    })();
    });
    </script>

    jr-images
    jr-images is a social network
    • This is great but you lost me at <script>, lol. 

      Are you for hire or can you recommend someone? 

      Thanks!

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Rhonda liked ⚡JFarrow⌁'s discussion Ning Creators Sound Off: Share Your Network
Thursday
⚡JFarrow⌁ updated their profile photo
Mar 24
Markus Miner and ⚡JFarrow⌁ are now friends
NC for Hire
Mar 19
Markus Miner replied to ⚡JFarrow⌁'s discussion
Ning Creators Sound Off: Share Your Network
"Man I'd love the help I was about just start a new network"
Mar 19
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Ning Creators Sound Off: Share Your Network
"I can fix that... ill send you my contact info. no problem"
Mar 18
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Ning Creators Sound Off: Share Your Network
"I can fix that... ill send you my contact info. no problem"
Mar 18
Markus Miner replied to ⚡JFarrow⌁'s discussion
Ning Creators Sound Off: Share Your Network
"Changed my design and now my logo overlap my new background header with no option to remove it.…"
Mar 15
Markus Miner replied to ⚡JFarrow⌁'s discussion
Ning Creators Sound Off: Share Your Network
"Because Ning is a terribly ran business with lack of upgrades and becoming obsolete "
Mar 15
Paul Corona replied to Anastasia_Ning_Support's discussion
Migration FAQ
"It might be transferred, but finding it and setting it up in a usable format is virtually…"
Mar 14
How to Speak to Travelocity Customer Service updated their profile
Feb 26
⚡JFarrow⌁ posted a discussion
Its been a few years since we have collaborated on a Community Share Post.   I would like to know…
Feb 24
Anderson updated their profile
Feb 20
More…