Hi,
Your code snippet got lost when posting. Could you post it again, but this time use the code button (which wraps code between backward leaning quotes) or maybe provide a link to your live example?
God, I forgot the link, sorry 🙁
Here’s the link to the website (the iframe is inside the link in the violet “NEWSLETTER” box on the top right).
And here’s the snippet: <a href="..." rel="nofollow" class="fancybox-iframe{width:200,height:300}">...</a>
Put a space between fancybox-iframe and {width:200,height:300} and check again.
If it still does not work, please paste the URL to your site again since it seems to have gotten lost too… Just the URL, you do not have to type in any html or anything here 🙂
The dimension works now 🙂
But I still don’t know what to do about the portion and the scrolling.
Could you help?
I can’t believe I still forgot the link: http://grazieadiosonoateo.org/
Ok, so you are trying to open a complete page inside this small frame and want it to automatically scroll down to a certain part where the subscription form is… plus the visitor should not be allowed to scroll away from it? ALthough this is theoretically possible, it will be complicated. Maybe there is an easier way…
I would do this: place the subscription form in the same text widget but hide it and let it be opened in fancybox in INLINE instead of iframe mode. For example:
<a href="#newsletterform" class="fancybox">form</a>
<div class="fancybox-hidden">
<div id="newsletterform" style="width:200px;height:300px;">
YOUR FORM CODE HERE
</div>
</div>
The code works 🙂
But there is one problem: instead of using the word “form”, I was planning to use an image (as big as the widget panel), and put the fancybox link inside the image. No matter what I do, I can’t find a way to integrate the two things.
Is there a way, or I have to give up?
Sure 🙂 … are you planning on making the whole image click-able or only a part of the image?
In the first case, simply place your image code like <img src="http://url.to/your.jpg" /> instead of the anchor text ‘form’.
In the second case, you will need to make an image map where you can define one or more zones or parts of the image that will be linked to whatever you want. Search on the internet for how-to’s or one of the online image map creation tools to make you image map.
To see an example, go to http://demo.4visions.nl/easy-fancybox-sandbox/ and scroll a bit down to the large map of a garden and a ground floor of a building with sauna and swimming pool. Different areas link to different content, all opening in FancyBox.
Hope that gives you some ideas to work with 🙂
The result is simply beautiful 🙂
Thank you very much, you’ve been very kind (your next beer is on me 😀 )
Best of luck with everything
P.S
I assume there won’t be any problem having more than one inline in the same page, right?
More inlines on the same page is just fine, as long as you take care to use a different (unique) ID for each one.
Thanks for the beer! Cheers 🙂
