Solved

image size using gigapan

Posted on 2014-10-31
13
141 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
  • 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
 

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
Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

 
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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

With the major release of Apple's 7th addition to the Mac OS X family, Mac OS X 10.6 Snow Leopard, there are a lot of enhancements which have arrived with this new OS X upgrade. With the number of enhancements and refinements I can provide deta…
This article provides a case study on how our local youth baseball league deployed a new website, including the platform selection, implementation and benefits to the league.
The purpose of this video is to demonstrate how to properly insert a Vimeo Video into a WordPress site or Blog. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…

746 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now