So frustrated! Need help positioning image...

Hi folks...
I am learning CSS in fits and starts, and clearly I don't have a good enough grasp on it. I hope someone can help me.
I created this page, and tried to place an image in the large "main content" area to the right of the slideshow. It didn't work, kept getting shifted elsewhere. So I specified it as the background image for that div instead... It looks fine in Firefox and Safari (I'm on a Mac), however, a colleague with Internet Explorer 7 on a PC says that it shows up way down at the bottom of the page after the slideshow
I've looked at all the ways to insert the image but none of them work. I know I must be missing something very simple. Can anyone help?
Here's the URL... http://greatdiamondrentals.com/index.html
and the source code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Great Diamond Rentals, Diamond Cove, Great Diamond Island, Maine</title>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
      google.load("jquery", "1.3.2");
    </script>
<script type="text/javascript" src="js/jquery.cycle.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#slideshow').cycle();
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
} else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
} else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
</script>
<style type="text/css">

</style>
<meta name="Keywords" content="Maine, Vacation, rentals, Great Diamond Island, Diamond Cove, vacation homes, Island, Casco Bay, Portland, Maine Coast, Atlantic Ocean, Oceanside, seaside, Family, New England, lobster, beach, beaches, islands, rental, hotel, inn, bed and breakfast, holiday, ferry, fort, historic" />
<meta name="Description" content="Vacation on a Maine island! Beautiful historic homes available for rent at Diamond Cove on Great Diamond Island in Casco Bay near Portland, Maine." />
</head>
<body class="twoColFixLtHdr" onload="MM_preloadImages('images/visited_homes.jpg','images/visited_about.jpg','images/vi sited_amenities.jpg','images/visited_map.jpg','images/visited_faq.jpg','images/visited_con tsact.jpg')">
<div id="container">
<div id="header">
    <table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td><a href="http://greatdiamondrentals.com/view_our_homes.htm" target="_top" onclick="MM_nbGroup('down','group1','viewhomes','images/visited_homes.jpg',1)" onmouseover="MM_nbGroup('over','viewhomes','images/visited_homes.jpg','images/visited_hom es.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="images/nav_viewourhomes.jpg" alt="View Our Homes" name="viewhomes" width="186" height="30" border="0" id="viewhomes" onload="" /></a></td>
        <td><a href="about_the_island_2010.html" target="_top" onclick="MM_nbGroup('down','group1','about','images/visited_about.jpg',1)" onmouseover="MM_nbGroup('over','about','images/visited_about.jpg','images/visited_about.j pg',1)" onmouseout="MM_nbGroup('out')"><img src="images/nav_about.jpg" alt="images/visited_about.jpg" name="about" width="192" height="30" border="0" id="about" onload="" /></a></td>
        <td><a href="amenities.htm" target="_top" onClick="MM_nbGroup('down','group1','amenities','images/visited_amenities.jpg',1)" onMouseOver="MM_nbGroup('over','amenities','images/visited_amenities.jpg','images/visited _amenities.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="amenities" src="images/nav_amenities.jpg" border="0" alt="amenities and activities" onLoad="" /></a></td>
        <td><a href="map_2010.html" target="_top" onClick="MM_nbGroup('down','group1','map','images/visited_map.jpg',1)" onMouseOver="MM_nbGroup('over','map','images/visited_map.jpg','images/visited_map.jpg',1) " onMouseOut="MM_nbGroup('out')"><img name="map" src="images/nav_map.jpg" border="0" alt="island map" onLoad="" /></a></td>
        <td><a href="FAQ_2010.html" target="_top" onClick="MM_nbGroup('down','group1','FAQs','images/visited_faq.jpg',1)" onMouseOver="MM_nbGroup('over','FAQs','images/visited_faq.jpg','images/visited_faq.jpg',1 )" onMouseOut="MM_nbGroup('out')"><img name="FAQs" src="images/nav_faq.jpg" border="0" alt="FAQs" onLoad="" /></a></td>
        <td><a href="contact2009.html" target="_top" onClick="MM_nbGroup('down','group1','contact','images/visited_contsact.jpg',1)" onMouseOver="MM_nbGroup('over','contact','images/visited_contsact.jpg','images/visited_co ntsact.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="contact" src="images/nav_contact.jpg" border="0" alt="contact us" onLoad="" /></a></td>
      </tr>
    </table>
    <h1> </h1>
</div>
<div id="sidebar1">
      <div id="slideshow">
<img src="/images/slide1.jpg" />
<img src="/images/slide2.jpg" />
<img src="/images/slide3.jpg" />
<img src="/images/slide4.jpg" />
<img src="/images/slide5.jpg" />
<img src="/images/slide6.jpg" />
<img src="/images/slide7.jpg" />
<img src="/images/slide8.jpg" />
<img src="/images/slide9.jpg" />
<img src="/images/slide10.jpg" />
</div>
</div>
<div id="mainContent">
    <h1> </h1>
</div>
    
    <div id="footer">
      <p>Great Diamond Rentals, c/o Phoenix Management, P.O. Box 759, Saco, Maine 04072 - (207) 766-3005 - fax (207) 571-3066 -<a href="mailto: [email protected]"> [email protected]</a></p>
      
</div>
    <br class="clearfloat" />

</div>
</body>
</html>

staceyetc wrote:
Hi folks...
I am learning CSS in fits and starts, and clearly I don't have a good enough grasp on it. I hope someone can help me.
I created this page, and tried to place an image in the large "main content" area to the right of the slideshow. It didn't work, kept getting shifted elsewhere. So I specified it as the background image for that div instead... It looks fine in Firefox and Safari (I'm on a Mac), however, a colleague with Internet Explorer 7 on a PC says that it shows up way down at the bottom of the page after the slideshow
I've looked at all the ways to insert the image but none of them work. I know I must be missing something very simple. Can anyone help?
Here's the URL... http://greatdiamondrentals.com/index.html
The width of your #mainConent <div> is too wide hence in IE it is displaced to beneath the side bar.
Change it to 560px wide and also add float: left; as shown below:
.twoColFixLtHdr #mainContent {
    height: 579px;
    width: 560px;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    margin-left: 0px;
    background-image: url(images/GDRmaincontent.jpg);
    background-position: right top;
    background-repeat: no-repeat;
background-color:#609;

Similar Messages

TS1314 Need help tranfering images to iphone...

I need help tranfering images from my computer to my iphone. I've synced the images but they don't appear on my iphone, also on the file that contains the images, there's a file that says IPOD PHOTO CACHE. I don't know what to do. Please Help...

Hope these help, do you not find them at all in the photos app?:
iOS and iPod: Syncing photos using iTunes
http://support.apple.com/kb/HT4236
iPhoto '11: View photos or slideshows on iPod, iPhone, iPad, or Apple TV
http://support.apple.com/kb/PH2437
iTunes: Understanding the iPod Photo Cache folder
http://support.apple.com/kb/TS1314
============================
- Oz

Need help getting images for blog aggregator

I need help trying to grab images into a blog aggregator...
Here is the code that gets the image.

<cfset content_to_parse = temp_description_full>
<cfinclude template="module_get_images.cfm">
<cfif IsArray(image_array) AND ArrayLen(image_array)>
<cfloop from=1 to=#ArrayLen(image_array)# index="j">
<cfhttp url="#trim(image_array[j].link_url)#"
method="get" throwonerror="No" timeout="15" getasbinary="Auto"
resolveurl="No" />
<cfif IsBinary(cfhttp.filecontent)>
<cfset tmp_filename = "thumbnail_entry_" & GetID.id
& "." & image_array[j].file_type>
<cffile action="WRITE"
file="#ExpandPath(request.base_relative_url &
'/blog_thumbnails/' & variables.tmp_filename)#"
output="#cfhttp.filecontent#">
<cfset thumb_image = request.img.process_image(image_path
= ExpandPath(request.base_relative_url & '/blog_thumbnails/'
& variables.tmp_filename), max_width = 120, max_height = 120,
crop_area = "center")>
<cfimage source="#thumb_image#" action="write"
destination="#ExpandPath(request.base_relative_url &
'/blog_thumbnails/' & variables.tmp_filename)#"
overwrite="yes">
<cfquery name="UpdateEntry"
datasource="#request.data_source#" username="#request.db_un#"
password="#request.db_pw#">
UPDATE aggregated_blog_entry
SET aggregated_blog_entry_thumbnail_image_tx =
'#left(variables.tmp_filename,255)#'
WHERE aggregated_blog_entry_id = #GetID.id#
</cfquery>
<cfbreak>
</cfif>
</cfloop>
</cfif>
---------This is the module_get_images.cfm
code----------------
<cfset start_pos = 1>
<cfset image_array = ArrayNew(1)>
<cfset regex_image = "<img[^>]*>">
<cfset regex_image_url =
"(((https?:|ftp:|gopher:)\/\/)|(www\.|ftp\.))[-[:alnum:]\?%,\.\/&##!;@:=\+~_]+[\-A-Za-z0- 9\/]">
<cfloop condition="1">
<cfset temp_image_pos = REFindNoCase(regex_image,
variables.content_to_parse, start_pos, true)>
<cfif temp_image_pos.pos[1]>
<cfset temp_link =
mid(variables.content_to_parse,temp_image_pos.pos[1],temp_image_pos.len[1])>
<cfset link =
REFindNoCase(regex_image_url,temp_link,1,1)>
<cfif NOT link.pos[1]>
<cfset temp_link_url = "">
<cfelse>
<cfset temp_link_url =
mid(temp_link,link.pos[1],link.len[1])>
</cfif>

<cfif len(trim(temp_link_url)) AND
ListFindNoCase("jpg,jpeg,gif,bmp,png",left(ListLast(temp_link_url,"."),3))>
<cfset image_array[ArrayLen(image_array)+1] =
StructNew()>
<cfset image_array[ArrayLen(image_array)].link =
temp_link>
<cfset image_array[ArrayLen(image_array)].link_url =
temp_link_url>
<cfset image_array[ArrayLen(image_array)].file_type =
left(ListLast(temp_link_url,"."),3)>
</cfif>
<cfset start_pos = temp_image_pos.pos[1] + 1>
<cfelse>
<cfbreak>
</cfif>
</cfloop>
This is the type of code it has a hard time getting the image
becuase it doesn't have a regular IMG tag.
<div style="float: left; width: 82px; height: 59px;
overflow: hidden; background: url(
http://pix.crash.net/motorsport/80/388493.jpg);
background-position: center center; background-repeat: no-repeat;
margin: 1px;" onMouseOver="showTipGallery(Stoner, Australian MotoGP
2007);" onMouseOut="clearTip();">
Is there a way to modify this code to make it be able to look
for the backround: url?? I am thinking that woul help it.. It knows
that an image is there.. It just doesn't know what to do with
it.

How difficult is it for you to do a google image search for large images of this subject?
While you appear to be doing this project for an educational endeavour and can get away with mild copyright abuse as "fair use", you probably should not expect the participants in this forum to 1) work for Disney either as a direct employee or as a contractor and 2) offer their copyrighted work for free.
If you really want to impress a teacher and a future employer, you would use your own art. Why dont you create your own movie concept? Suppose you and your classmate are up for the same employment position. Who do you think will get hired if you show work that is not all your own, while your classmate has produced all of his/her own work?

Need help regarding image scanning from scanner and resizing it...

Hi,
I need help regarding scanning of image directly from scanner. Here is the scenario when the person clicks scan button on the webpage should scan the image and resize it and store it in some temp location. Is there any way i can do this. Any Help regarding this would be great!!!
Thanks,
Avinash.
Edited by: Kalakonda on Jul 24, 2009 8:08 AM

Kalakonda wrote:
I need help regarding scanning of image directly from scanner. Here is the scenario when the person clicks scan button on the webpage should scan the image and resize it and store it in some temp location. Is there any way i can do this. Any Help regarding this would be great!!!So what you are doing is you have a Scanner (hardware: like an HP flatbed scanner) attached to a server that you want to use as a scanning station? Is this the senario that you are talking about?

Need Help With Image Gallery

Hey all, I need a simple image gallery to load when you click a button. I've tried shadowbox but have had absolutely zero luck. I'm not sure how to load it from a flash file and I know there is work that has to be done outside of flash like in the root folder. All I need is for a simple image gallery, nothing fancy, to open when I hit a button. If anyone could explain how to use shadowbox in lamens terms or knows how to easily script a gallery that would be amazing.

What script version is your target? AS2 or AS3

Need Help positioning a graphic over an image.

Trying to position an arched graphic over an image in the header of this site. The photoshop image provided shows the three separate components. 1. The white content is one image that houses the main header images and the other three images lower on the page. In CSS it is the #inner-content. 2. #main-content is the teal color 3. The arch image, which sits inside #arch-container. The CSS is shown here, but when it is displayed in a browser...the #inner-content sits below the arch image instead of up underneath it. I have tried many variations within the CSS and can't find the solution. Help!
@charset "utf-8";
    margin: 0px;
    padding: 0px;
#page-wrap {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
#page-wrap #main-content {
    width: 960px;
    height: 1200px;
    background-color: #445d64;
    float: left;
#page-wrap #main-content #inner-content {
    height: 1175px;
    width: 800px;
    background-image: url(images/inner-container-bg.jpg);
    float: left;
    margin-left: 80px;
    clear: both;
#page-wrap #arch-container {
    width: 960px;
    height: 200px;
    z-index: 10;
    float: left;
    position: relative;
#page-wrap #arch-container #arch-img {
    background-repeat: no-repeat;
    float: right;
    width: 960px;
    position: absolute;

You need to bear with me a little more, age is rapidly setting in making it harder for me to understand what you are on about.
Which code did I supply?
Or do you mean the link?
If you are referring to the link, I do not see a 170px gap from the top.
Maybe someone more from this world would like to help you.
Happy New Year!

Need help placing images on separate layers

I'm a novice to Javascript but I've been trying to learn. I have a project where i need to place muliple images from a folder onto separate layers (same page) in a template. I tried to modify "ImageCatalogue" script within InDesign to disastrous results. On another thread someone was kind enough to give me a short script "Objects to Layers" written by Kasyan Servetsky. This was very helpful but not exact to my needs so now I'm starting from scratch. I've been playing with the following code trying to get it to work. It doesn't and I'm getting frustrated. I keep changing this line but it keeps coming back as "undefined":
myImage.place(newLayer);
Can someone please point me in the right direction? Is my coding too simple? The end comments are my wish list of add-ons should I ever get these layers working.
Thanks for your help!
// script to place images on separate layers
Main();
function Main(){
          // get path to folder, ask to select which folder
          var myFolder = Folder.selectDialog("Select folder containing images");
          // use open document
          doc = app.activeDocument;
          // if folder is empty, tell user to select another folder
          if(myFolder.length == 0){
                    selectDiaglog("Folder empty, select new folder");
          else{
          // select each file in myFolder and place on new layer in active document
                    var myImage = myFolder.item;
                    newLayer = doc.layers.add(+1);
                    myImage.place(newLayer);
          alert("Done")
// rotate image 90 CCW
// place image at x-6.41, y9.9955 on page
// rename layer as filename

Hi,
Main();
function Main(){
     // get path to folder, ask to select which folder
     var myFolder = Folder.selectDialog("Select folder containing images");
     // use open document
     doc = app.activeDocument;
     // if folder is empty, exit
     if(!myFolder){
          alert("no Folder selected, I am quitting"); exit();
     // place each file in myFolder on new layer in active document
     // files are filtered by their extension
     var
          myImages = myFolder.getFiles(/\.jpg$|\.tiff$|\.pict$|\.bmp$|\.eps$|\.pdf$/i),
          len = myImages.length, currImg,
          mAngle = 270,
          mX = -6.41,
          mY = 9.9955;
          while (len-->0) {
               currImg = doc.pages[0].place(
                    myImages[len],     // current file
                    [0,0],     // initial place point
                    doc.layers.add({name: myImages[len].displayName}),          // rename layer as filename
                    false,
                    false,
                    {absoluteRotationAngle: mAngle}          // rotate image 90 CCW
                    )[0].parent;
               currImg.fit(FitOptions.FRAME_TO_CONTENT);     // fix frame to content
               currImg.move([mX,mY]);          // move image at x-6.41, y9.9955 on page
          alert("Done")
Each image in the same point placed?
Good help is served here:
http://www.jongware.com/idjshelp.html
Each object has properties and methods.
Used above: folder.getFiles(), page.place(), rectangle.fit() and rectangle.move() methods.
Jarek

Need help Loading images with selection on a form field?

So I'm kind of a newb.. I can do basic forms but I need to set up a form field drop down box that will give me the ability to load images correlating to the users choice. I'm at a total loss for where to start, so ANY help would be appreciated. If you know of any good books or tutorials on the subject please share.
Thanks in advance
Sincerely,
Stumped4now

P.S. I think I'm getting a better understanding of OCGs after lots of research today. However I still seem to be missing something
var docOCGs = this.getOCGs();
for (var x=0; x < docOCGs.length; x++)
if(docOCGs[x].name == "Layer1")
docOCGs[x].state = !docOCGs[x].state;

Hard drive recently failed and iPhoto brings a -36 error when copying need help accessing image files

I recently updated my computer to mountain lion and after doing so my computer would no longer boot up. I took it to the apple store and they told me that the hard drive was damaged and needed to be replaced. They were booting my computer with an external drive and in doing so could access my computers HDD. Upon starting to drag and drop files to a new hard drive I started to get a lot of -36 errors. I proceeded to go go,e and create my own bootable thumb drive and try doing the same process with more time to look through it. I have up till now been able to copy most of my files but have run into a problem with iPhoto.
I have been searching around for a while now and have yet to find a method that helps me in my particular situation so I am now asking for help myself. I will explain what my current system of file recovery is and see if anyone can help me out.
I have since then replaced the HDD in my computer and purchased a SATA external HDD enclosure for the original drive. This allows me to still access all files and folders from the original drive. I have managed to recover a majority of the files but have recently run into a problem with the iPhoto library. Every time I try to drag and drop the iPhoto library to my new HDD it fails after "transferring" 2.02GB and tells me it has encountered a -36 error because some files cannot be read or written. I believe I am using iPhoto '09, I will check and confirm that later.
I am looking for a way to open iPhoto's library and access the image files it seems to be hiding from me. Please understand that I cannot open the iPhoto library either, I have lost access to the library entirely and want to see if there are any image files that I can save. I dont have the computer backed up recently and want to save my photos. Thanks for looking and I'm hoping someone can help.

Download iPhoto Library Manager and use its rebuild function. (In Library Manager it's the FIle -> Rebuild command). Rebuild it to the Pictures Folder. This might overcome the -36 issue.
(This will create an entirely new library. It will then copy (or try to) your photos and all the associated metadata and versions to this new Library, and arrange it as close as it can to what you had in the damaged Library. It does this based on information it finds in the iPhoto sharing mechanism - but that means that things not shared won't be there, so no slideshows, books or calendars, for instance - but it should get all your events, albums and keywords, faces and places back.
Because this process creates an entirely new library and leaves your old one untouched, it is non-destructive, and if you're not happy with the results you can simply return to your old one.)
Failing that you're into recovering your Originals from the damaged Library and creating a new Library and starting over from scratch.
Regards
TD

Need help positioning flash photo gallery partially behind graphic.

I have created the basic photoshop layout that I will now be assembling in Dreamweaver. I wish to create a 4 or 5 image gallery using LightBox 2 that will rotate images within the header graphic. Image attached. How would I accomplish this code wise. Would I place the arched graphic within it's own <div> and float it above the div that holds the slideshow/gallery? Any help would be appreciated.

To the example that you have linked to above, make the following additions
<div id="arch-container" style="position:relative;">
<div id="arch-img" style="position:absolute; top: 170px;"><img src="images/arch-img.png" alt="arch_img" width="959" height="195" /></div>
</div>
I have used inline styles to make it easy on myself, but in reality you would put the style rules in the corresponding element selector in the CSS. Also, you would readjust the values to suit.
Also, it is worth mentioning that placing a width and height on your image as you have done, should really be done using CSS.
Added:
As a side note, I have gotten into the habit of using classes for all of my style rules. I came to the conclusion that this is the way to go when trying to analyse a problem within my web page. ID's are unique per document and as such are used when manipulating the DOM using JavaScript. Now when I see an ID in one of my documents, I know that it is not a styling matter as in CSS, but a problem within my script.
Take the above note as a thought, because there is a ongoing debate about this.
Message was edited by: Altruistic Gramps

Need help with image gallery and preloader

Here is my portfolio site currently. WWW.PALMEI.COM. When you go into the the galleries you can view the images; the images load and it's all working fine. But if I was to go back on the page before the image was to load the image loads later which is then in the way of everything and cannot be deleted or removed. What would a solution be for solving this problem. Also, my preloader is not working at all as you can tell.
Here is my code in frame 1 for the perloader:
[AS]
stop();
loaderInfo.addEventListener(ProgressEvent.PROGRESS, updatePreLoader);
function updatePreLoader(evtObj:ProgressEvent):void
                    var percent:Number = Math.floor((evtObj.bytesLoaded*100)/evtObj.bytesTotal);
                    preloader_txt.text = percent+"%";
                              if (percent==100) {
                                        nextFrame ();
[/AS]
Thank you very much for your help. Have developed headache and need some new eyes on it.

Thank you again Ned for your reponse as you helped me solve the image array problem last week or so ago.
Here is the code:
[AS]
stop();
import fl.transitions.Tween;
import fl.transitions.easing.*
import fl.transitions.TweenEvent;
import flash.display.MovieClip;
import flash.events.MouseEvent;
var sep3Tween4:Tween = new Tween(Sep2_mc, "y", Regular.easeOut,338 , 655, 1, true);
var sepTween4:Tween = new Tween(Sep_mc, "y", Regular.easeOut,0 , -320, 1, true);
BoyBack.addEventListener(MouseEvent.CLICK, Portfolioclick);
function Portfolioclick(evtObj :MouseEvent) {
          gotoAndStop("Portfolio");
           removeChild(B);
var BoyBackTween:Tween = new Tween(BoyBack, "y", Regular.easeOut,510,487,2, true);
BoyBackTween.addEventListener(TweenEvent.MOTION_FINISH, onfinis);
function onfinis(e:TweenEvent):void {
BoyBackTween.yoyo();
var arrayB:Array = [ B1, B2, B3, B4, B5, B6, B7, B8,B9, B10, B11, B12];
var arrayImages:Array = ["ill_1.jpg","ill_2.jpg","ill_3.jpg","ill_4.jpg","ill_5.jpg","ill_6.jpg","ill_7.jpg","ill _8.jpg", "ill_9.jpg","ill_10.jpg","ill_11.jpg","ill_12.jpg"];
var imgLoader:Loader = new Loader;
var B:BlackBox = new BlackBox();
B.addChild(imgLoader);
for (var i:uint=0; i<arrayB.length; i++){
     arrayB[i].mouseChildren = false;
     arrayB[i].addEventListener( MouseEvent.MOUSE_OVER, onButtonOver);
     arrayB[i].addEventListener( MouseEvent.MOUSE_OUT, onButtonOut);
     arrayB[i].addEventListener( MouseEvent.CLICK, onButtonRemoveB);
           arrayB[i].addEventListener( MouseEvent.CLICK, onButtonClick);
           arrayB[i].imgNum = i;
                 imgLoader.y = 100;
                      imgLoader.x =275;
                      B.y = -55;
                 B.x =-100;
function onButtonOver( e:MouseEvent ):void {
     var B:MovieClip = MovieClip(e.target);
     if(B.tween){
       B.tween.stop();
     B.tween = new Tween( B, "y", Regular.easeOut,600, 591, .5, true );
function onButtonOut( e:MouseEvent ):void {
     var B:MovieClip = MovieClip(e.target);
     if( B.tween ){
       B.tween.stop();
     B.tween = new Tween( B, "y", Regular.easeOut, 591, 600, 1, true );
function onButtonRemoveB( e:MouseEvent ):void {
removeChild(TwoDtxt);
function onButtonClick( e:MouseEvent ):void {
   if(this.contains(B)){
       removeChild(B);
   imgLoader.load(new URLRequest(arrayImages[e.currentTarget.imgNum]));
   imgLoader.contentLoaderInfo.addEventListener( Event.COMPLETE , loaded);
function loaded(event:Event):void {
     addChild(B);
      var targetLoader:Loader = Loader(event.target.loader);
var AlphaTween1:Tween = new Tween(T1, "alpha", Strong.easeOut, 1, .20, 2.5, true);
var AlphaTween2:Tween = new Tween(Bottom1, "alpha", Strong.easeOut, 1, .20, 2.5, true);
[/AS]
Before the image loads if you were to click on the boy with the balloon"the back button" the image would than load later on say the"portfolio" part of the site.

Need help displaying images with List component for Flash CS4 (ActionScript 3.0)

Hi folks:
I am an inexperienced user of Flash CS4 Pro (v10.0.2). I am attempting to use the List component with ActionScript 3.0 to make a different image display when a user clicks each item in a list.
I did find a tutorial that showed me how to make different text display using a dynamic text box and the following ActionScript:
MyList.addEventListener(Event.CHANGE, ShowSelectedItem);
function ShowSelectedItem(event:Event):void {
ListText.text=MyList.selectedItem.data;
...where My List is the instance of the List component and ListText is the dynamix text box. In this case, the user clicks an item in the list, defined by the label value in the dataProvider parameter of the List component, and text displays as defined in the data value in the dataProvider parameter.
However, as I mentioned to start, what I really want to do is make images display instead of text. Can anyone provide me the steps to do this?
I appreciate your help (in advance)!!
Cindy

Hi...thanks for responding! I was planning on using images from the Library, but if there is a better way to do it, I'm open. So far, I just have text in the data property. This is part of my problem. I don't know what I need to put in the data value for an image to display. Do I just put the image file name and Flash will know to pull it from the Library? Do I need to place the images on the stage on different frames? I apologize for the "stupid user" questions, but as you can tell, I'm a newbie.
Appreciate your patience and any help you can offer!
Cindy

Need help with image

I sure could use a buddy who has Skype or something who I can shoot questions like this to. My designer wants a retainer of $3,000 but I can do most of my own stuff in Photoshop. Sometimes I get stumped though, and just need a 30 second tutorial. So I am coming here.
I basically need to figure out how to change this image:
But along with that comes figuring out how to change it from a square image to one with a rounded top and bottom-right corner.   Also a 2 pixel shadow going up the right side and along the bottom. I can manually draw in those two pixels easily enough. But the corners look terrible when I try to manually do it.
Is there an easier way? I have been cropping the new image to the proper size, and then drawing in the two pixel fade on the side and bottom. Then trying to pixel by pixel create the rounded edges.
Its not looking natural.
Before you say "Its a drop shadow!" please remember, in order for me to copy that exact drop shadow, I would need to know all their settings, colors, pixel widths, etc. All I have is a flat, finished image, so I have none of that information. Plus, I dont know how to do a drop shadow on a curved corner, which deletes the original squared corner on the image. :-\
If you give instructions, please be as clear and detailed as possible. This is why I prefer a chat medium for this type of thing.
Thanks much to anyone who can assist.
PB

Here is a TUTORIAL on doing rounded corners. Hope it helps.   Could not get insert link to work so try this. http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CDYQFjAA&url=http%3A%2 F%2Fmatthom.com%2Farchive%2F2004%2F09%2F10%2Ffast-rounded-corners-in-photoshop&ei=q2l8T_T8 LcKZiQKQnt3uDQ&usg=AFQjCNEsGI12k8Ck-GiuIWMUOLC6m3xoYw
Don't know what magnification you are using on this image, but the fact you have pixels shows it will be difficult to make a nice rounded edge.
You might need a higher resolution image, or at least convert from 8 bits to 16 bits to do edits, then change back to 8 RGB to save. Beware not all toolsand saves will work in 16 bit.

PSE newbie frustrated, please help with image resizing

Hi!
Tutorials aren't helping me, nor is trial and error. I just want to resize some photos I downloaded to my computer, then upload them to a website to use as my avatar or signature. There are specific pixel dimensions I must adhere to. I want to keep the photo in it's entirety, but when I resize it, it distorts a bit, looks fuzzy...
I can't figure out what the heck I am doing wrong. Some pictures turn out just fine and others look really bad. I know it can be done because I've seen the same pictures I'm trying to size, being used for the same thing I want to use them for, but theirs are clear, absolutely no distortion whatsoever. The pixel dimensions I have to work with are either 100x100, or 450 pixels wide by 90 pixels high.
I hope this made sense, I'm not sure how else to word it. Please forgive my ignorance, I've really been trying.
Thank-you
B

For an avatar it’s possibly best to crop to begin with so you get a true square.
Open the image and select the crop tool and change the aspect ratio to 1 x 1 or 5 x 5 then drag out a square and move the image around inside it or drag the bounding box borders until you have it looking as you want. Then click the green check mark.
On the top menu click Image > Resize > Image Size and in either the height or width box type 100 px (you only need to type the dimension once the other box will change to 100 automatically. Make sure you have the bottom three boxes checked:
Scale Styles
Constrain Proportions
Resample Image
With all three checked set the bottom dropdown to Bicubic and then hit OK.
If you want to apply some sharpening select Enhance on the top menu and choose Unsharp Mask.
Make sure the Radius is no more than 1.5 and use the amount slider to get the image looking as you want it then save.

Need help placing images

Hey everybody hows it going? Any help you could give me would
be greatly appreciated!
Here is my problem. I am working off a template and have been
able to do everything I want so far but ive run into a problem.
Check my site to follow along
Shine Media House (Click
Here). Whenever the user clicks on About, Services or Contact a
random image appears along with the background on the corresponding
page. I need to be able to link it to a specific image. I found the
action for the random sequence and it reads as follow,
(_root.link !== 3) {
_root.pic_num = (Math.ceil(Math.random()*105));
Anybody know a way to fix my problem? It probably is really
simple I just have no clue.
Any help would be greatly appreciated!!!

This is a perfect answer. I am now able to specify what
number image from an array of images. Now, is there a way to
specify different photos for the three different buttons?
I am thinking that is what the
if (_root.link !== 3)
piece is about.
Any thing would be great!!!
Thanks!
I can post the fla file somewhere if that would help!

So frustrated! Need help positioning image...

Similar Messages

Maybe you are looking for