Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

image size using gigapan

Posted on 2014-10-31
13
Medium Priority
?
159 Views
Last Modified: 2014-11-06
I am using gigapan to embed in a webpage.
The default settings are:
<iframe src="http://www.gigapan.com/gigapans/a477ac08139933ba6c711092d9663840/options/nosnapshots,hidetitle,fullscreen/iframe/flash.html?height=" frameborder="0" height="NaN" scrolling="no" width="100%"></iframe>
(attaching screenshot)
I would like to set the height at 100% instead of the width but it doesn't work.
Thanks,
Rafael
Screen-Shot-2014-10-31-at-1.09.43-PM.png
0
Comment
Question by:rafaelrafa
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 6
13 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 40416048
Needs a bit of css for it to work

<iframe></iframe>

<style>
html,body{
	height:100%;
	margin:0
}
* {
	box-sizing:border-box
}

iframe{
	height:100%;
	position:absolute;
}
</style>

Open in new window

0
 

Author Comment

by:rafaelrafa
ID: 40416090
I am sorry Gary, I don't get it.
Can you please give me the whole code?
I don't know where to place the <style> ccs you gave me.
Again, the default from gigapan is:
<iframe src="http://www.gigapan.com/gigapans/a477ac08139933ba6c711092d9663840/options/nosnapshots,hidetitle/iframe/flash.html" frameborder="0" height="225" scrolling="no" width="100%"></iframe>
And I need to embed it in a regular html page.
Thanks,
Rafael
0
 
LVL 58

Expert Comment

by:Gary
ID: 40416098
Just change the height to 100% and add this css to your .css file if you don't already have a box-sizing method.

iframe {
    box-sizing: border-box;
}
0
Free learning courses: Active Directory Deep Dive

Get a firm grasp on your IT environment when you learn Active Directory best practices with Veeam! Watch all, or choose any amount, of this three-part webinar series to improve your skills. From the basics to virtualization and backup, we got you covered.

 

Author Comment

by:rafaelrafa
ID: 40416778
I am sorry Gary, but my level using Dreamweaver is pretty basic.
Can you please be more clear and just show me the code to make this happen?
What should I exactly paste into the html page and what goes to the .ccs
Thanks,
Rafael
0
 
LVL 58

Expert Comment

by:Gary
ID: 40416780
It's over 10 years since I last looked at Dreamweaver but in dreamweaver go your custom css file (from the explorer window) or whatever file you are using for your css and add this to the end of the file

iframe {
     height:100%;
     box-sizing: border-box;
 } 

Open in new window

0
 

Author Comment

by:rafaelrafa
ID: 40416793
Sorry Gary, but this is not helping me.
I insist, I am not a web designer, I am just trying to embed this 'gigapan' in a web page and change one thing: instead of 100% width, I want 100% height.
Can you give me the FULL code for the page?
This is what I get with their (gigapan) default settings:

http://rafael-landea.com/elrumor.html
using:
<iframe src="http://www.gigapan.com/gigapans/a477ac08139933ba6c711092d9663840/options/nosnapshots,hidetitle,fullscreen/iframe/flash.html?height=250" frameborder="0" height="275" scrolling="no" width="100%"></iframe>
0
 
LVL 58

Expert Comment

by:Gary
ID: 40416795
You are using content from gigapan.com but that content is not 100% height and is actually only 275px and that is what it will be - you cannot change it.

You need to create your own panorama.
0
 

Author Comment

by:rafaelrafa
ID: 40416806
No, that's now right. I can change settings like this for example:
http://rafael-landea.com/therumor.html

I changed the height for 600
<iframe src="http://www.gigapan.com/gigapans/a477ac08139933ba6c711092d9663840/options/nosnapshots,hidetitle,fullscreen/iframe/flash.html?height=600" frameborder="0" height="625" scrolling="no" width="100%"></iframe>

If gigapan allows me to change that I think it is possible it allows me to modify it to "height 100%" as well
0
 
LVL 58

Accepted Solution

by:
Gary earned 2000 total points
ID: 40416809
Yes, but that does not accept 100% as an height and just goes to the default - already tried it - it needs a specific height
0
 

Author Comment

by:rafaelrafa
ID: 40416811
ok
0
 

Author Comment

by:rafaelrafa
ID: 40419873
I've requested that this question be closed as follows:

Accepted answer: 0 points for rafaelrafa's comment #a40416811

for the following reason:

Answer OK. I felt that I wasn't understood a couple of times. Thanks
0
 
LVL 58

Expert Comment

by:Gary
ID: 40419874
Answer is here in this case
0

Featured Post

The top UI technologies you need to be aware of

An important part of the job as a front-end developer is to stay up to date and in contact with new tools, trends and workflows. That’s why you cannot miss this upcoming webinar to explore the latest trends in UI technologies!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The error "There was an error performing the update" occurred on a Mac OS X client workstation running  Symantec AntiVirus for Mac (http://www.symantec.com/business/products/purchasing.jsp?pcid=pcat_security&pvid=825_1) - the Enterprise product vers…
Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…

715 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question