Ask your WordPress questions! Pay money and get answers fast! (more info)

iframe a gallery into another wordpress page?

  • SOLVED

Is it possible to iframe a gallery form another page/url?

Lets say I want to embedd just the gallery from this page (not the whole page),

url to page, http://magnustannfors.se/eddysGalleri/sample-page/

Answers (2)

2014-04-17

Sébastien | French WordpressDesigner answers:

the response is yes
increase your fee


Manny comments:

ok :)


Sébastien | French WordpressDesigner comments:

insert your gallery. click on the tab "html"
copy the code beggining by [gallery
it's a code like that [gallery columns="2" ids="45,27,22,20"]
paste this code in another post (in the tab "html")


Manny comments:

Thanx, yes, I know that part... But if I like to embedd just that gallery and embedd that into another wordpress site on another url..Thats my question. and not just iframe the whole page..


Sébastien | French WordpressDesigner comments:

if the both sites are yours, you can use ajax


Sébastien | French WordpressDesigner comments:

first time : [[LINK href="https://www.google.fr/search?q=ajax+jquery+crossdomain&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:fr:official&client=firefox-a&channel=fflb&gfe_rd=cr&ei=Zr9PU8alE8Grjwe45YCYBg"]]enable cross-domain ajax call [[/LINK]]
second time : target your gallery and[[LINK href="https://api.jquery.com/jQuery.ajax/"]] load this gallery in your second site [[/LINK]]


Sébastien | French WordpressDesigner comments:

or you can simply do that :

<!DOCTYPE html>
<html lang="fr">

<head>
<meta charset="utf-8">
<title>test</title>

<style>
iframe{border:0;overflow:hidden;}
</style>

</head>

<body>
<header>
<h1>my test</h1>
</header>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


<iframe width="100%" height="249" src="http://magnustannfors.se/eddysGalleri/sample-page/#kpm-scroller_1" scrolling="no"></iframe>

Lorem ipsum Voluptate dolor laboris in aute reprehenderit aliquip ea dolore Excepteur ad id enim aliquip elit veniam dolore quis deserunt amet voluptate eiusmod nulla dolore eu magna adipisicing incididunt proident. Lorem ipsum Consequat exercitation nostrud eu laboris velit eiusmod sed sunt tempor dolore occaecat cillum sed culpa irure ullamco officia id velit aliqua ut ea dolor et consectetur non amet dolor proident nulla incididunt dolor ut velit incididunt nostrud aliqua elit Ut in occaecat sed qui minim culpa ut ea anim aliquip commodo non cillum cillum nulla ea nisi ut nostrud esse aute consectetur incididunt culpa consequat do consequat pariatur quis ut sunt minim dolore in reprehenderit in consectetur culpa sit voluptate velit dolore ut reprehenderit occaecat mollit laboris ut occaecat anim do anim dolor exercitation Excepteur consectetur laboris reprehenderit id aute quis ad eiusmod qui eu sint ut dolore consequat culpa sint enim consequat commodo proident commodo nisi culpa pariatur tempor deserunt veniam sit sunt commodo in culpa do minim officia enim cupidatat enim laboris proident sunt et culpa Excepteur ex officia ea nisi aute Ut in sunt ut eiusmod nulla tempor dolore eu sit dolore non eu do ullamco labore minim sit cillum dolor occaecat in qui Ut anim.

</body>
</html>


Sébastien | French WordpressDesigner comments:

here you can see the result
[[LINK href="http://archiparmentier.com/test-iframe.html"]]http://archiparmentier.com/test-iframe.html[[/LINK]]


Sébastien | French WordpressDesigner comments:

You can try a better method :
a jquery script target the gallery and remove all elements in the page instead of the gallery, if the url contains the variable view=gallery
For example if you use the url http://magnustannfors.se/eddysGalleri/sample-page/?view=gallery, all desappears instead of the gallery
and you use this url only in iframe.
Simply and clean

I can write this code for you if you increase your fee


Manny comments:

thanx! thats close, but the with looks weird and the lightbox dont work...


Manny comments:

url to test page http://elmk.eu/galleri/


Sébastien | French WordpressDesigner comments:

the problem of the lightbox comes from your original page
http://magnustannfors.se/eddysGalleri/sample-page/


Manny comments:

ok... thanx! but I have to try to get the plugin to work on the http://elmk.eu/ page


Sébastien | French WordpressDesigner comments:

the lightbox must work on the original site to be used on the second site

on the second site you have copy all my code... you must copy only : <iframe width="100%" height="249" src="http://magnustannfors.se/eddysGalleri/sample-page/#kpm-scroller_1" scrolling="no"></iframe>


and add in style.css :
iframe{border:0;overflow:hidden;}


Manny comments:

thanx man! it is really close now! http://elmk.eu/galleri/


Sébastien | French WordpressDesigner comments:

you're welcome !
Don't forget to validate my response please :)


Manny comments:

Of course I do that! thanx! :)

2014-04-17

Sarbartha Das answers:

<iframe srcdoc="Your HTML Code" src="your.htm"></iframe>