Putting Images Exactly In Middle Of Painting Frame?
Dec 1, 2011
Right now, I am busy preparing a website on which I want to 'exhibit' some of the paintings I've done in the last few years. Okay, it's only amateur stuff, I think it would be nice to be able to show some of my work to the world. My site will consist of a set of simple frameset pages; in the largest of these frames, I plan to put scans of the actual works, in other frames there will be a title, a menu, some additional texts and so on. Obviously, I want to present my images optimally. But of course, it's quite impossible to predict what size my 'painting frame' will be.
That is why I would <i>love</i> to have a piece of Javascript code
1) That will put my images exactly in the middle of the painting frame (aligned both vertically and horizontally),
2) That will use as much of the available space as possible, and
3) That will keep the aspect ratio of each image intact.
I've tried the nice 'Full Size Image' script that Eddie Traversa once made, but unfortunately, his script just fills up the entire frame space, distorting either the height or the width of the image concerned. You'll onderstand why this is not what I need here. In case you are interested: some of the paintings I did can be seen in a book I am also working on, PANTACYCLOPEDIA [URL] - I've used some of them as illustrations there.
View 2 Replies
ADVERTISEMENT
Jul 1, 2011
set up a simple Function that allows me to create a thumbnail image viewer with headings and text.
One of the variables is a Hyperlink.
It all works fine but I want the hyperlink to open as a PopUp Window, but not sure how to do it.
My Code
function LoadGallery(pictureName,imageFile,titleCaption,captionText,titleText,textText,titleJob,jobText,title Pricelist,pricelistText)
{
var picture = document.getElementById(pictureName);
[Code].....
but what I want is when you click on the text "Click here to see Gemma's Service Price List" (specific to Gemma of course).
.... her price list opens in a popup?
(If you want to try this Gemma is the Director with the Burgundy haircolour, top left on the page).
P.S. I am using the <div class> and id to pass the variable data through the function and display the enlarged image and relevant text and hyperlink... if that makes sense ?
View 6 Replies
View Related
Nov 7, 2011
Using 1.8.16 I have a problem whereby the secondary, hidden tabs do not display correctly - the content is all messed up. if I click on one of the messed-up tabs and reload the browser window, it displays ok, which signifies that the code responsible for building the tab content is fine... so the problem is with .tabs()
View 1 Replies
View Related
Jun 15, 2005
I have a frame based wizard. I need to change the image of selected step dynamically. There is a normal and selected image for each step. Here is a javascript function to change image when user selects perticular step. Code:
View 5 Replies
View Related
Jul 23, 2005
I've about 50`000 jpg images on a dir. Some images have a white frame, other
only 2 white lines, sometimes vertically, sometimes horizontally.
I've to show those image on a darkgrey background, and the result is ugly.
It's there any way to detect those white lines, then change their color for
showing on the screen ? I won't change the color of the frame on the image
itself, but when showing them. Also take in mind that some parts of the image are white, and they must be kept white!
View 1 Replies
View Related
Feb 19, 2011
is there any feature to slide the images in accordion form left to right and right to left with minimum time frame(delay)?
View 1 Replies
View Related
Aug 26, 2011
I have a domain: example.com; which is the parent.And a subdomain: api.example.com; which page 'receiver.html' is being loaded in an iframe, child of parent. Both pages set document.domain = example.com.
I'm trying to adapt this code:[url] but Idon't want to load jQuery from the <iframe> again but I need to have the method $.ajax() working from the <iframe> otherwise it would be a cross-domain request and the browser would abort it. I tried ingenuously to set via $('iframe')[0].contentWindow.$.ajax = $.ajax() and I just got a shortcut to the parent page jQuery method. I also tried to "clone" it using $.expand (true...) but the method doesn't work for me; probably because of the complexity of the objected I'm trying to clone. So is there a way for me to use jQuery to have only a $.ajax() method in the <iframe> ? I've thought even about creating a XHR in the child-iframe and then use that in the $.ajaxSetup ({xhr: THATNEWXHR}) but I couldn't do it. I mean, I want to use the XHR factory from jQuery (which has fallbacks for IE, etc) but it has to be created from the iframe-child.
Maybe there is other way to make the AJAX call come from the child-iframe.
If you're wondering "why don't you load jQuery from <script> in the child-iframe", there is a reason... As I'm using jQuery plugins + my own custom javascripts + other independent scripts I created a compiler which minifies each file and bundle them in one. The advantage of this is the reduction of HTTP requests. So "why don't you load that bundle inside the child-iframe?", because it's ugly and Twitter doesn't... Yeah, I like to take Twitter as a reference and I think if they were able to make it so can I;
I got to work in most browsers except IE and Operaby doing it with pure javascript.
I'm "attaching" the code for you guys to test. If you open it with Chrome, Safari or Firefox you will receive 2 alerts one with the return of $.get() and another with the return of a request made via XMLHttpsRequest object. Otherwise (if you open it with IE or Opera) you'll get 'undefined' in the first alert but the real return in the second.
This is the example.com/index.htm:
View 4 Replies
View Related
Oct 15, 2001
Im trying to make a back button that reloads the previous page the user was at.
The back button will be on a small top frame and the page that needs to be controlled will be in the main frame.
The top frame is just a navigation system, and all pages will be loaded in the main frame.
Im trying to use this Code:
<FORM>
<INPUT TYPE="button"
NAME="back"
VALUE="BACK"
onClick="history.go(-1)">
</FORM>
Does anyone know how I could accoplish the desired result using this code, or any other code? And what about a foreward button?
View 2 Replies
View Related
Jul 20, 2010
I want to have a main image in place and when you click on 1 of the 3 frame options the frame changes showing a preview. Also I would like the add to cart button change its code to add the correct item as well.
View 2 Replies
View Related
Aug 30, 2010
i need to pass the data in the textfields from the left frame to the textfields in the right frame of my frameset. (ex: dslnum of frame1 will be pass to txtDSLTN of frame2)[URL]
View 19 Replies
View Related
May 22, 2011
I have two frames (frameset, let's call it frame1 and frame2). Frame1 has links..., and frame2. When some link in frame1 is clicked, it must be changed content of the frame2. Here's example: click. How to do that? (I don't see any javascript code)
View 2 Replies
View Related
Jul 19, 2006
I have a parent document that has a frameset with two frames in it. The first frame is a "header" that runs across the top of the site, and never changes. The second frame contains the "content" of the site. Essentially, I am trying to figure out how to prevent the header appearing above external sites when the user clicks an external link in the "content" frame.
Every time the content frame changes to a new URL, I would like the check that URL and determine if the content frame is changing to an external URL (i.e. different domain in URL) or to an internal link (same domain in URL). If the content is changing to an external link, I want to break out of the frame and just load that external link in the top most document.
I would like all of my javascript to be in the parent document, not spread throughout the individual pages of the site. I was trying to approach this by setting the onunload event handler of the content frame, but I am left with a couple of specific questions:
1. In handling an unload event, can you determine the next URL that the document is loading? Code:
View 6 Replies
View Related
Jan 10, 2011
I have a little problem, I structure my site with a main page index.html with a frame in the central whit name CENTRALE, so every other page I will open within this frame. Now I need to have a direct link to these internal pages, give an example I wish it were possible to go to the page clothing giving a direct link to that section of the site type www.indirizzo.com / clothing.html because the state of things if I take the 'direct address to that page I open only the part inside of the frame, but I wish I would open inside the "main frame, there is a solution in javascrip to overcome this problem?
View 4 Replies
View Related
Sep 29, 2005
I have an existing table with a form in it and am using the createElement function to create new input fields. The problem is that I dont know how to put the new row into the middle of the table...
View 3 Replies
View Related
Mar 21, 2011
I have a div and I want if the text is sort (below 100 characters for example) to set it at the centre of this div.How can I do that?
View 2 Replies
View Related
May 10, 2010
have the following problem, i am using jquery ajax to search somes names in my database it work fine till the name have '&' in them, is possible to Post values that have '&' in its content?
View 1 Replies
View Related
Jun 13, 2009
i have just built a website, sidelinesportz. I am using a news posting system with in an iframe in the middle of the home page but when ever you click on a link in that frame it stays on that same spot. But on other pages with in that iframe it goes to the top like I want it, it is just that home.php page that is the issue. I have tried different codes but I cannot get them to work.
View 2 Replies
View Related
May 23, 2006
im using a cms that truncates content after 300 characters and sometimes the truncation is in the middle of an html tag (a href, span, etc.). When the content is truncated in the middle of a tag, the tag shows (which makes the UI downright ugly). Sooo....I was wondering is there a way to keep content together so that if a tag is in the middle of a truncation...that tag will be pushed to a new line? is there a special div tag or javascript function that can do this?
View 3 Replies
View Related
Sep 8, 2010
i am building a website that address to other links .. how can i start the page i open/point at the middle or at any height i can choose?
View 3 Replies
View Related
Jan 25, 2011
I found a neat Flash image gallery here[url]...
Where images of cars appear in a slideshow and the special effect shows the image opening up from the center.
Are there any Javascript/AJAX, etc type galleries I can use to achieve this same effect?
View 2 Replies
View Related
Jul 21, 2011
I wanted to only match in the middle of a string
I have a string = " sdfasf 23234"
I wanted to get the numbers like /([0-9]*)/
But this fails and returns nothing because the string begins with letters. Instead I had to do /[a-zA-Z ]*([0-9]*)/
If that's the case then, why do we bother with something like
/^[a-zA-Z]*([0-9]*)$/
The pattern is already assumed to start at the beginning of the string
View 3 Replies
View Related
Sep 8, 2010
I have a frameset with two frames; topFrame and mainFrame. I have code in topFrame and wish to print the contents of mainFrame. The code that I have used has worked for many years and still works on my localhost Apache Server. However, it has now "stopped" working. When I press the button in topFrame it prints the contents of topFrame The code that I am using is
Code:
window.parent.mainFrame.focus()
window.print
I have tried to replace the first line with..
[Code]...
View 1 Replies
View Related
May 13, 2009
I use dreamweaver mx html editor to make web sites. I think I know enough Html to get by. My new site uses a frame set so the head and controller don't change reload or move. This works nice, now all I have to do to make a new page is make the content page. But my problem is if I send out a link for someone to look at, it only loads the content page and not the frame set. I thought I could use javascript to determine if the frame set is present and if not load it. But I can't seem to find a way to sent variables from one frame to another. Also if a user clicks a link I would like my flash controller to reflect it.
[Code]...
View 1 Replies
View Related
Aug 9, 2004
I need to know how to refresh a bottom frame TO a specific dynamic URL from my top frame (meaning the code has to be in the top frame) say every 5 seconds. The top frame will be a php file as I need DB values. But I believe the frame thing is done via javascript. This ain't working so far, it only loads the first URL at not the rest. Is there the ability to refresh to a specific url in a target frame. Code:
View 5 Replies
View Related
Feb 19, 2009
One more question about manipulating iframes. In a script I've looked through to investigate AJAX file uploads, there is this technique for accessing the contents of an iframe:
Code:
if(frame.contentWindow)
{
var thebody = frame.contentWindow.document.body;
}else if(frame.contentDocument)
{
var thebody = frame.contentDocument.document.body;
}
I haven't been able to find much info on contentWindow and contentDocument. In fact, other sources I've found talk only about using contentWindow to access an iframe's contents, ignoring contentDocument completely. What is the difference between the two, and what browsers is the contentDocument check targeting? Any modern browsers, or is this a backward compatibility thing?
View 8 Replies
View Related
Dec 3, 2011
An example:
tabContent.css('width', '0')
.css('opacity', '0')
.filter(':eq(0)')
.css('opacity', '1')
.parent()
.find('.one-tab')
.addClass('active')
.css('cursor', 'default');
Now I want to apply the parent of tabContent a width, only if a condition is true. I do this, and works, but I don't consider this is a proper way:
tabContent.css('width', '0')
.css('opacity', '0')
.filter(':eq(0)')
.css('opacity', '1')
.parent()
.each(function() {
if (/*condition is true*/) {
$(this).width(aWidth + 'px');
}
$(this).find('.one-tab')
.addClass('active')
.css('cursor', 'default');
});
Is there a better way instead of using each() which is actually made for loops? In this case there is only one element.
View 3 Replies
View Related
