Solved

image size using gigapan

Posted on 2014-10-31
13
155 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
Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

 

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 500 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

Percona Live Europe 2017 | Sep 25 - 27, 2017

The Percona Live Open Source Database Conference Europe 2017 is the premier event for the diverse and active European open source database community, as well as businesses that develop and use open source database software.

Question has a verified solution.

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

The /etc/authorization file in Mac OS X 10.x can be used to control access to the various panes of the System Preferences amongst other things. It’s used by some of us Mac Sys Admin’s to give Standard Users access to System Prefs panes that only adm…
In this article we have discussed about the OS X EI Capitan and how to fix Wi-Fi issue in OS X El Capitan. We have explained how to delete system level preferences and create a new Wi-Fi location to resolve Wi-Fi issue.
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…

635 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