Solved

image size using gigapan

Posted on 2014-10-31
13
149 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
Ransomware: The New Cyber Threat & How to Stop It

This infographic explains ransomware, type of malware that blocks access to your files or your systems and holds them hostage until a ransom is paid. It also examines the different types of ransomware and explains what you can do to thwart this sinister online threat.  

 

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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

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.
This guide will walk you through the essential considerations and tech stack for building scalable websites. Know how to grow your business the smart way!
The purpose of this video is to demonstrate how to connect a WordPress website to Google Analytics. 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 :…
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …

761 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