Help with Image & Blog Bugs

Hello all -
Been putting together a site for the past few weeks, and we thought we had it all down pat until we went live. The links on the blog page come up with 404 errors, and (even worse) it seems that my Windows friends get image problems on the home page (the page loads fine for Mac folks). Anyone have any solutions? The blog works fine when we publish to the desktop. Thanks for the help!
Site:
www.vantiki.com
Powermac Dual 2 G5 loaded Mac OS X (10.4.5)

You know, it's really sad that your wonderful site has problems being viewed by Windows. They are TRULY missing something. Have you tried Firefox on Windows to see if it looks any better (I don't have access to my Windows machine right now)?
Just checked out one of your blog pages. iWeb is sending you to
http://www.vantiki.com/VanTiki/studionotes/795F2D5F-4102-428D-A4F3-6241687AD593. html
when your page is actually here
http://www.vantiki.com/VanTiki/studionotes/795F2D5F-4102-428D-%234DADCD.html
The first one is what it SHOULD be, I don't know why it's converting it to the second one... could be a server related issue regarding character sets that I don't quite understand yet but I'm learning!

Similar Messages

Help with image ready on ps3 extended

I am pretty new to photo shop and have cs3 extended.
I have a Yorkie website where I cut out my Yorkies and paste them to differnet backgrounds.... a lady that does the ANIMATED pictures HAS DID A COUPLE FOR ME ....BUT I NEED TO LEARN TO DO THIS MYSELF. She will not tell folks how to do:)
The problem is once you work with a pic that is animated already then try to add a dog.....by pasting....it removes the animation in the background pic.... and the picture no longer moves once the dog is added ?....She said she puts thru IMAGE READY...which I do not see anywhere on CS3 extended. I will try to insert a pic she did for me and any help would be greatly appreciated....as I can do but then the picture is no longer animated once altered in my photoshop but she is doing somehow.....so has to be poss ? If I were to do this pic it would stop moving once the dogs were added....plus not as good as her but practicing........could it be the fact she is doing in layers and I am doing copy and paste...I do know she puts thru Image ready and I do not know where this is located on cs3 extended or how to do?
am

well...........l when I try to open Gif with the import and chose the video frames to layers...am getting a message saying I need Quicktime 7.1 to be able to do??? and when selecting import that is the only option I have to open my animated picture?...YOU HAVE BEEN SO MUCH HELP! THANK YOU SO MUCH...!
BLUE MONDAY EXCLUSIVES
Date: Sat, 17 Apr 2010 20:23:27 -0600
From: [email protected]
To: [email protected]
Subject: Re: Help with image ready on ps3 extended
I'm not sure anyone mentioned this but if not to open GIFs using the import you have to enter the GIF name as GIF isn't listed as one of the options.
It sounds like you are viewing the images in a maximized screen mode. To view more than one document, press F to cycle through the screen modes. FYI, only the contents of the currently selected document can be viewed in the layers palette.
I'll just talk about copy/paste so as not to confuse...
If you are going to copy/paste, click the frame around the dog document to target it. Your layers palette will now contain the contents of the dog document. Click on the layer in the layers palette with the selected dog over transparency. With that layer highlighted in your layers palette, press Ctrl A; then Ctrl C. (Select<Select All; Edit<copy if you prefer using the menu.) This will copy that layer into your clipboard.
Next, click the frame of the document containing the animation. Click the topmost layer in the layers palette because we want you dog to be in the top layer. Press Ctrl + V. (Edit<Paste if you prefer using the menu).
Your dog is most likely going to be too big. Use Edit<Free Transform to size and move the dog to the desired location.
At this point, your dog should be showing in each frame in the animation palette.
Example:
http://forums.adobe.com/servlet/JiveServlet/downloadImage/25315/with-palettes-open.jpg
I'm using the older Image Ready me method. The highlighted place in the palette is where you switch methods between the old method and the new timeline. Notice, I have the layers and animation palette both in the workspace...and I'm not in a maximized mode. The red arrow shows the correlation between the frame and the layer represented by it in the layers palette.
Image:second-image.jpg
Here I have a second image to slip into my animation. I have the creature selected and on it's own layer with transparency around it. Notice that the the layer with the isolated creature is highlighted. At this stage, I'll press Ctrl + A; then Ctrl + C to select and save this image to my clipboard.
Image:creature-added.jpg
Here, I've pasted (Ctrl + V or Edit<Paste) in my creature and resized it (Ctrl + T or Edit<free transform) so he can be jumped. I also added a shadow under my creature which I added to a layer under my creature. Notice that when Frame on is selected in the animation palette that the eye is on both the creature and the shadow. If I click the eye to turn them (creature and shadow layer) off, they disappear from the entire animation. I can make them appear at any frame by clicking the desired frame in the animation then turning on the eye icon for the creature and shadow layer in the layers palette. I can also adjust opacity if desired.
You could even more than the one image if you want the dog to appear to move. Use the eyeball visibility to determine which pose will be used for that frame.
Example:
Image:jump-creature-gif.gif
Here, I used transform warp to adjust the pose of the creature for a few frames as he's jumping the creature...just for fun.
>

Help with images in Spry menus

I need help making this work: I want my menu buttons and
submenu buttons to be images rather than text. I've been able to
set it up to use different images for each of the main and
sub-level buttons, but only for the active state. I cannot figure
out how to use a different set of "hover images" for the hover
state. Note-- Each button and submenu button in the entire menu are
different images, so I suspect I need to use different ID's for
each, but I am not sure how to set that up in the
SpryMenuBarHorizontal.css file for each different button in, at
least, the active and hover states. Can anyone offer some help with
this?:

V1 - Thank you for the suggestion, but this does not exactly
solve my dilemma. In its simplest terms, this is what I want to do:
Create a single drop-down menu where there is "Item 1" with
submenus "Item 1.1", "Item 1.2", and "Item 1.3". But, I want to use
different images for each item and subitem in their Active and
Hover states. So, in this example, there would be 8 different
images... An Active and a Hover image for each of Item 1, Item 1.1,
Item 1.2 and Item 1.3.

[CS3][JS] Help with image resizing

I'm still a newbie of ID scripting.
I'm using js scripting in Indesign CS3 to make an auto-impaginator and I have a problem with images.
I charged my contents from an xml set of tables, that I put into a fixed textFrame of the master page.
Because of the table needs to fill multiple pages, I made a function that keep creating pages and link the textFrames so that the table continues in various pages.
In this whole process I have some images too, that I need to resize them to fill the cell, because now they pass the parent cell.
I found a method that looks at the bounds and resizes the image and the rectangle too, but it doesn't work always, because if a image is overflowing, it hasn't any bound and it fails, and this causes other problems in my process, so I would find another method.
So:
Is there another way to resize an image on-the-way while importing it? Some xml attribute or preference?
Or some method that works also if the image is overflowing?

These forums are pointless. Adobe must believe that other users will cut the mustard. Absolutely a waste of effort for everyone. Adobe should PAY at least a junior developer involved in the projects to monitor and help with these posts. FLEX rules yeah and thousands more do scripting than develop plug ins...
Come on Adobe, step up your better than this. Customer Service can be free to the customers ... we are not talking about GET IT ALL FREE, talking about buy it and create a community and support it, but then again LAYERS and INDESIGN SECRETS have people who actually want to help users rather than rabbit hole everything.
Please join hands and SING...

Urgent Help with Image Gallery

Hi,
I really need help with an image gallery i have created. Cannot think of a resolution
So....I have a dynamic image gallery that pulls the pics into a movie clip and adds them to the container (slider)
The issue i am having is that when i click on this i am essentially clicking on all the items collectively and i would like to be able to click on each image seperately...
Please see code below
var xml:XML;
var images:Array = new Array();
var totalImages:Number;
var nbDisplayed:Number = 1;
var imagesLoaded:int = 0;
var slideTo:Number = 0;
var imageWidth = 150;
var titles:Array = new Array();
var container_mc:MovieClip = new MovieClip();
slider_mc.addChild(container_mc);
container_mc.mask = slider_mc.mask_mc;
function loadXML(file:String):void{
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest(file));
xmlLoader.addEventListener(Event.COMPLETE, parseXML);
function parseXML(e:Event):void{
xml = new XML(e.target.data);
totalImages = xml.children().length();
loadImages();
function loadImages():void{
for(var i:int = 0; i<totalImages; i++){
var loader:Loader = new Loader();
loader.load(new URLRequest("images/"+String(xml.children()[i].@brand)));
images.push(loader);
//      loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,onProgress);
     loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);
function onComplete(e:Event):void{
imagesLoaded++;
if(imagesLoaded == totalImages){
createImages();
function createImages():void{
for(var i:int = 0; i < images.length; i++){
var bm:Bitmap = new Bitmap();
bm = Bitmap(images[i].content);
bm.smoothing = true;
bm.x = i*170;
container_mc.addChild(bm);
      var caption:textfile=new textfile();
      caption.x=i*170; // fix text positions (x,y) here
   caption.y=96;
      caption.tf.text=(xml.children()[i].@brandname)
      container_mc.addChild(caption);

yes, sorry i do wish to click on individual images but dont know how to code that
as i mentioned i have 6 images that load into an array and then into a container and i think that maybe the problem is that i have the listener on the container so when i click on any image it gives the same results.
what i would like is have code thats says
if i click on image 1 then do this
if i click on image 2 then do something different
etc
hope that makes sense
thanks for you help!

Help with images.....pliiiizzzzzz

Im new to java and need help inserting images on a GUI! Does anyone have any programs or snippets of code that've done this successfully - preferrably using the GridBagLayout as well as in swing? If you have anything that works well, feel free to send me the entire java file ([email protected]) or just post it!

Just create a JLabel with an image icon and you are able to display any JPEG and GIF image. You might take a look at the following:
http://java.sun.com/docs/books/tutorial/uiswing/components/label.html
Hope this helps,
Pierre

Help with tweaking blog and webform built in Adobe Muse

Hi there.
A client of mine had a 3rd party do a re-design (in Adobe Muse) of their current site in BC. Managed to get most of the re-design all launched except for a couple of tweaks that have been giving me major headaches.
Firstly, is it possible to edit the site that was built in Muse directly from BC itself and not Muse? I don't have a Muse subscription.
If so, I need help with the following that I have tried to tweak myself, but just can't find out how. BTW I am not a developer but muddle my way around editing existing code etc etc.
1. On the contact us page, I need to add an additional field to the webform. A radio button question: "preferred contact method". Phone or email. I know how to add the field to the webform in BC. Apparently Muse forms don't support radio buttons? Anyway, I can't figure out how to edit the source on the contact page to include the fields that I add to the webform.
2. Some minor tweaks to the layout of the blog page. I need to make the horizontal and vertical lines meet up and not have a space. Also, the left column width needs to be decreased and the right column width increased. Basically I need the current live blog http://www.robertsonburns.com.au/blah-blog to look like the previously coded muse blog (which is not live) http://robertsonburns-test5.businesscatalyst.com/blah.html which it does, except for these two minor issues.
Would appreciate anyone's help and/or advice.
Thanks.

Hey there,
Yes you just go to the site either via... site.buisnesscatalyst.com/admin or livesite.com/admin
Once you do that you can login. It depends how it was built though. Properly a site will have content holders and templates and the pages just hold the content. A user can go to those pages, webapps, blogs (dependng on the plan and build of the site) can edit that content.
Muse is not the best in terms of handling that and making updates, I am aware the Team updated Muse to handle fetching updates etc though but there is a note of caution on that stil though.
1. What is the plan of the site? If it is just a CC site then there is no web form manager with that plan of BC. You will have to edit and update the form built in Muse.
If it is on a plan that supports web forms it also depends on how you built it. If in Muse you should be able to just update the form in Muse I think and it posts into the system to update. If not then you need to go into the admin and web form manager and edit the html to make changes. This depends though if the form was inserted as a module, if not you need to navigate to the template or page and update it there once you have added the new fields to the form under the web form itself.
2. Layouts are managed via SFTP under the folder Layouts or in the admin under Module Templates in the main menu and Blog layouts.

Help with image viewer

Would love some help with this one.. I am new so please bare with me. This app just reads contents of a txt file. What I am trying to add is the ability to display an image inside the program frame with scrolls bars.
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import java.io.*;
public class Viewer extends JFrame
   private JMenuBar menuBar;
   private JMenu fileMenu;
   private JMenu fontMenu;
   private JMenuItem newItem;
   private JMenuItem openItem;
   private JMenuItem saveItem;
   private JMenuItem saveAsItem;
   private JMenuItem exitItem;
   private JRadioButtonMenuItem monoItem;
   private JRadioButtonMenuItem serifItem;
   private JRadioButtonMenuItem sansSerifItem;
   private JCheckBoxMenuItem italicItem;
   private JCheckBoxMenuItem boldItem;
   private String filename;
   private JTextArea editorText;
     private JLabel label;
   private final int NUM_LINES = 20;
   private final int NUM_CHARS = 40;
   public Viewer()
      setTitle("Viewer");
      setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      editorText = new JTextArea(NUM_LINES, NUM_CHARS);
      editorText.setLineWrap(true);
      editorText.setWrapStyleWord(true);
      JScrollPane scrollPane = new JScrollPane(editorText);
      add(scrollPane);
      buildMenuBar();
      pack();
      setVisible(true);
   private void buildMenuBar()
      buildFileMenu();
      buildFontMenu();
      menuBar = new JMenuBar();
      menuBar.add(fileMenu);
      menuBar.add(fontMenu);
      setJMenuBar(menuBar);
   private void buildFileMenu()
      newItem = new JMenuItem("New");
      newItem.setMnemonic(KeyEvent.VK_N);
      newItem.addActionListener(new NewListener());
      openItem = new JMenuItem("Open");
      openItem.setMnemonic(KeyEvent.VK_O);
      openItem.addActionListener(new OpenListener());
      saveItem = new JMenuItem("Save");
      saveItem.setMnemonic(KeyEvent.VK_S);
      saveItem.addActionListener(new SaveListener());
      saveAsItem = new JMenuItem("Save As");
      saveAsItem.setMnemonic(KeyEvent.VK_A);
      saveAsItem.addActionListener(new SaveListener());
      exitItem = new JMenuItem("Exit");
      exitItem.setMnemonic(KeyEvent.VK_X);
      exitItem.addActionListener(new ExitListener());
      fileMenu = new JMenu("File");
      fileMenu.setMnemonic(KeyEvent.VK_F);
      fileMenu.add(newItem);
      fileMenu.add(openItem);
      fileMenu.addSeparator();
      fileMenu.add(saveItem);
      fileMenu.add(saveAsItem);
      fileMenu.addSeparator();
      fileMenu.add(exitItem);
   private void buildFontMenu()
      monoItem = new JRadioButtonMenuItem("Monospaced");
      monoItem.addActionListener(new FontListener());
      serifItem = new JRadioButtonMenuItem("Serif");
      serifItem.addActionListener(new FontListener());
      sansSerifItem =
              new JRadioButtonMenuItem("SansSerif", true);
      sansSerifItem.addActionListener(new FontListener());
      ButtonGroup group = new ButtonGroup();
      group.add(monoItem);
      group.add(serifItem);
      group.add(sansSerifItem);
      italicItem = new JCheckBoxMenuItem("Italic");
      italicItem.addActionListener(new FontListener());
      boldItem = new JCheckBoxMenuItem("Bold");
      boldItem.addActionListener(new FontListener());
      fontMenu = new JMenu("Font");
      fontMenu.setMnemonic(KeyEvent.VK_T);
      fontMenu.add(monoItem);
      fontMenu.add(serifItem);
      fontMenu.add(sansSerifItem);
      fontMenu.addSeparator();
      fontMenu.add(italicItem);
      fontMenu.add(boldItem);
   private class NewListener implements ActionListener
      public void actionPerformed(ActionEvent e)
         editorText.setText("");
         filename = null;
   private class OpenListener implements ActionListener
      public void actionPerformed(ActionEvent e)
         int chooserStatus;
         JFileChooser chooser = new JFileChooser();
         chooserStatus = chooser.showOpenDialog(null);
         if (chooserStatus == JFileChooser.APPROVE_OPTION)
            File selectedFile = chooser.getSelectedFile();
            filename = selectedFile.getPath();
            if (!openFile(filename))
               JOptionPane.showMessageDialog(null,
                                "Error reading " +
                                filename, "Error",
                                JOptionPane.ERROR_MESSAGE);
      private boolean openFile(String filename)
         boolean success;
         String inputLine, editorString = "";
         FileReader freader;
         BufferedReader inputFile;
               label = new JLabel();
                add(label);
         try
            freader = new FileReader(filename);
            inputFile = new BufferedReader(freader);
            inputLine = inputFile.readLine();
            while (inputLine != null)
               editorString = editorString +
                              inputLine + "\n";
               inputLine = inputFile.readLine();
            editorText.setText(editorString);
            inputFile.close();
            success = true;
         catch (IOException e)
            success = false;
         return success;
   private class SaveListener implements ActionListener
      public void actionPerformed(ActionEvent e)
         int chooserStatus;
         if (e.getActionCommand() == "Save As" ||
             filename == null)
            JFileChooser chooser = new JFileChooser();
            chooserStatus = chooser.showSaveDialog(null);
            if (chooserStatus == JFileChooser.APPROVE_OPTION)
               File selectedFile =
                             chooser.getSelectedFile();
               filename = selectedFile.getPath();
         if (!saveFile(filename))
            JOptionPane.showMessageDialog(null,
                               "Error saving " +
                               filename,
                               "Error",
                               JOptionPane.ERROR_MESSAGE);
      private boolean saveFile(String filename)
         boolean success;
         String editorString;
         FileWriter fwriter;
         PrintWriter outputFile;
         try
            fwriter = new FileWriter(filename);
            outputFile = new PrintWriter(fwriter);
            editorString = editorText.getText();
            outputFile.print(editorString);
            outputFile.close();
            success = true;
         catch (IOException e)
             success = false;
         return success;
   private class ExitListener implements ActionListener
      public void actionPerformed(ActionEvent e)
         System.exit(0);
   private class FontListener implements ActionListener
      public void actionPerformed(ActionEvent e)
         Font textFont = editorText.getFont();
         String fontName = textFont.getName();
         int fontSize = textFont.getSize();
         int fontStyle = Font.PLAIN;
         if (monoItem.isSelected())
            fontName = "Monospaced";
         else if (serifItem.isSelected())
            fontName = "Serif";
         else if (sansSerifItem.isSelected())
            fontName = "SansSerif";
         if (italicItem.isSelected())
            fontStyle += Font.ITALIC;
         if (boldItem.isSelected())
            fontStyle += Font.BOLD;
         editorText.setFont(new Font(fontName,
                                fontStyle, fontSize));
   public static void main(String[] args)
      Viewer ve = new Viewer();
}I tried using JLabel() but I cant seem to make it work. Whenever i browse and select a .jpg it displays "��t��o\�[��+�p��B3�+�p��B3�"

In the future, Swing related questions should be posted in the Swing forum.
Whenever i browse and select a .jpg it displays "��t��o\�[��+�p��B3�+�p��B3�" You can read in a jpg file and treat it like a text file.
Read the Swing tutorial on [url http://java.sun.com/docs/books/tutorial/uiswing/components/icon.html]How to Use Icons for the proper way to read images.

Help with Images Maps,

Hi,
I have an HTML page where an IMG is loaded:
<img src="images/renders/Main_Image.jpeg" alt="Main Image" name="Main_IMG" width="800" height="600" border="0" usemap="#Main_MAP" id="Main_IMG" />
Then I have 4 images maps laid on top of the image:
<map name="Main_MAP" id="Main_MAP">
<area shape="poly" coords="--some numbers--" href="Area1.html" target="_parent" alt="Area1 Button" />
<area shape="poly" coords="--some numbers--" href="Area2.html" target="_parent" alt="Area2 Button" />
<area shape="poly" coords="--some numbers--" href="Area3.html" target="_parent" alt="Area3 Button" />
<area shape="poly" coords="--some numbers" href="Area4.html" target="_parent" alt="Area4 Button"/>
</map>
See Example:
Each area is essentially an invisible button. I want to make it so when the mouse hovers over the areas, I want the background image to display something different. On mouse out of the area, I want the image to go back. When the user clicks the Area, the user is moved to another part of the site.
Area 1 should change Main_Image.jpeg to Main_Image1.jpeg
Area 2 should change Main_Image.jpeg to Main_Image2.jpeg
etc.
I thought I could do this with Images Maps, but I can't figure out how. Is there an easier way? I have Dreamweaver CS4.
Thank you in advance!

Hey CF. Thank you very much for the reply! I thought I was losing my mind trying to figure out a way.
I'll try out the slice and dice approach... where's a turtle when you need one.
Cheers Dude.
S

Help with image analysis Photoshop CS4 Extended

Hi there - I recently went to the Birmingham NEC photo expo and saw a guy there giving a CS4 extended demo. He showed how at the click of a button a folder of new photos were reduced to a smaller bunch of just the most tack-sharp ones. I can't find out how to do this with my CS4 Extended - can anyone help - or am I just imagining it all :-)))

Sounds interesting.
Did he do that in Photoshop itself or Bridge or Lightroom?
Anyway, I suspect one could maybe achieve something like this in Photoshop with some fairly heavy Scripting, but I suspect the Script would have to actually open the images for analysis …

Urgent- Please help with image overlaying

Hi,
Please,please, can someone help me with an imaging issue and show me what I'm doing wrong.
I'm a swing beginner and I'm trying to create a application for a board game. Currently I'm using JLabel components to try and create jpeg pieces over a JPanel component that has the board background.
Currently I've written the code for the board background component and the pieces but can't get the image to appear on the background.
Please can someone show me what I'm doing wrong.
If someone can help me get this working, I've got 16 dollars from other posts in this forum I can give you.
Thanks.
public class BoardPanel extends JPanel {
public BoardPanel()
//Overwrite abstract painting method
public void paintComponent(Graphics g)
super.paintComponent(g);
          g.drawImage(backgroundImage,0,0,this.getWidth(), this.getHeight(), null);
private Image backgroundImage = new ImageIcon("./Board.gif").getImage();
public class PieceIcon extends JLabel {
public PieceIcon(String symbol)
System.out.println("./"+symbol+".jpg");
          pieceImage = new ImageIcon("./"+symbol+".jpg");
public void paintComponent(Graphics g)
          super.paintComponent(g);
          g.drawImage(pieceImage,playerBoardPos.getX(),playerBoardPos.getY(), this);
private Image pieceImage;
Main:
JPanel content = new JPanel();
PieceIcon testPiece = new PieceIcon("Dog");
BoardPanel boardIcon = new BoardPanel();
getContentPane().add(content, java.awt.BorderLayout.CENTER);
content.add(boardIcon, java.awt.BorderLayout.CENTER);
boardIcon.setLayout(new javax.swing.OverlayLayout(boardIcon));
boardIcon.add(testPiece);

Oh, and since you probably won't be needing a layout manager, try the following:
setLayout(null);
ChessPeice peice1 = new ChessPeice(...);
add(peice1);
peice1.setBounds(x, y, width, height);also, your ChessPeice paintComponent method should look more like:
... //in constructor
setPreferredSize(new Dimension(image.width, image.height));
setOpaque(false);
public void paintComponent(Graphics g){
   g.drawImage(...);
}Make sure that if you call the component's getSize method to determine the width and height you do it after pack has been called. If you call getSize before then, it will return 0 for the width and height values.
Another advantage to this approach is that the peices only draw in the areas they need to.
Hope this helps.

Help with image placement in new browser window.

I need help trying to position images that are being opened
in a new browser window. I have created a photo gallery with
thumbnails that are links to the larger image. Ive used the
behaviors panel to open the new image in a new browser window but
the image is always shown at the top left margins of the new
window. Is there a way to 1. center the image in the new window, 2.
change the background color of the new window that opens.
Any help would be appreciated.
Stu

If, as I read it, you are simply opening the image, it will
always be upper
left and cannot be changed. IF you wnat to position it, you
will need to
create a new html page and position your image on that page,
then call the
page, not the image from your thumbnail link.
In Dreamweaver in the command menu try the "Create Web Photo
Album" command.
It will create all of your pages, links and thumbnails for
you. (requires
Fireworks)
Michael Hager
www.cmhager.com
"Stu127" <[email protected]> wrote in
message
news:eo70n5$qo5$[email protected]..
>I need help trying to position images that are being
opened in a new
>browser
> window. I have created a photo gallery with thumbnails
that are links to
> the
> larger image. Ive used the behaviors panel to open the
new image in a new
> browser window but the image is always shown at the top
left margins of
> the new
> window. Is there a way to 1. center the image in the new
window, 2.
> change the
> background color of the new window that opens.
>
> Any help would be appreciated.
> Stu
>

Need help with Image Gallery tutorial.

Hi all,
No response from Apex Listener Forum...moved here....
Apex Listener - 2.0.2.133.14.47
Apex - 4.2.2.00.11
When running Image Gallery application as per tutorial, page just show a blank screen with no image upload button.
Am using Firefox 22.0 and Chrome 28.0.1500.72.
Firebug does not display any script error.
Had recreated tutorial on apex.oracle.com with same result as above.
http://apex.oracle.com/pls/apex/f?p=4550:1:::::F4550_P1_COMPANY:HANAMIKE
Workspace: HANAMIKE
Username: [email protected]
Password: yesla
Using username= resteasy_admin, Password=resteasy_admin to run on apex.oracle.com.
Had modified tutorial JS below :
var workspace_path_prefix = 'resteasy'; => var workspace_path_prefix = 'hanamike';
Another odd problem was when trying out the RESTFUL service as per tutorial when clicking the 'TEST' button, encountered error 404.
Problem due to extra workspace name in URL as below:
http://apex.oracle.com/pls/apex/hanamike/hanamike/gallery/images/
Had to manually modify it to:
http://apex.oracle.com/pls/apex/hanamike/gallery/images/
Notice that the Listener version on apex.oracle.com is:
APEX_LISTENER_VERSION
2.0.3.165.10.09
Thanks in advance.
Zack
Message was edited by: Zack.L

Hi Zack,
Thanks for providing the login credentials to your workspace. I took a look at your RESTful Service and associated application, and noticed that there was something missing - the "Upload Image" button! So it looks like the 'Create the Gallery Application' section is missing a step to create a HTML region, with region template "Button Region without Title", and with its region source set to the following:
<a class="button" id="upload-btn">Upload Image</a>
You'll see in the JS that there's a reference to #upload-btn, but no such object existed on your page. I created a copy of your app, which includes this new HTML region, and you'll see that I've uploaded an image as a demo. I've contacted the APEX Listener team re the missing instruction, so that will hopefully be rectified in the next release. Apologies for the confusion, but hopefully you're back on track now. As for the behaviour you've noticed with the URL generated by the 'Test' utility, thanks for bringing this to our attention. I'll do some further investigation there, and log a bug if required.
Regards,
Hilary

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.

Help With Image In IE

Hello,
I'm having difficulty with one image in IE. I've reviewed all the suggestions in other post although nothing is working. I've converted images from jpg, png. Image is sRGB in photoshop. Not sure what else I can do to get it to resolve. Any help would be greatly appreciated. Thanks
<div class="box4-content">

<img src="image folder/priceimage.png" width="600" height="216" />
<h3>WTH Success Business Opportunity!</h3>

I haven't published the site yet so I can't provide a link. Would it be helpfull to see the complete index file? Underlined and bold is the image I'm having issues with.
<!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>

<title>WTHSuccess</title>
<meta name="Keywords" content="place your keywords here" />
<meta name="Description" content="place a description for your webpage here" />


<meta name="language" content="en-US" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="Site/styles/styles.css" rel="stylesheet" type="text/css" />
<link href="Site/styles/primary.css" rel="stylesheet" type="text/css" />


<style type="text/css">
#column1_wrapper          {width:100%;                     border:0px;}
#left1col                              {width:240px;                    float:left; padding-left:20px;}
#left1pad                              {width:0px;                              float:left;}
#right1col                              {width:0px;                              float:right;}
#right1pad                              {width:0px;                              float:right;}
#center1col                              {margin-left:240px; margin-right:0px;}
#column2_wrapper          {width:100%;                     border:0px;}
#left2col                              {width:33%;                              float:left;}
#left2pad                              {width:0px;                              float:left;}
#right2col                              {width:33%;                              float:right;}
#right2pad                              {width:0px;                              float:right;}
#center2col                              {margin-left:33%;           margin-right:33%;}
#image_rotator_cover                    {background:url('Site/flash/image_rotator/skins/FL_imageRotatorCover.png') no-repeat center top; width:100%; height:246px; margin-left:auto; margin-right:auto;}
</style>


<script type="text/javascript">
// if this page is in:
//   the root folder, then set this variable to ./
//   a sub folder one level deep, then set this variable to ../
//   a sub folder two levels deep, then set this variable to ../../
var flashRootLocation = "./";
var flashConfigLocation = "config";
var flashConfigType = "xml"; // either xml or php
</script>


<script type="text/javascript" src="Site/javascript/special_functions.js"></script>
<script type="text/javascript" src="Site/logo/js/sifr.js"></script>
<script type="text/javascript" src="Site/logo/js/sifr-debug.js"></script>
<script type="text/javascript" src="Site/logo/js/sifr-config.js"></script>
<script type="text/javascript" src="Site/flash/js/swfobject.js"></script>

<script type="text/javascript" src="Site/javascript/jquery.min.js"></script>
<script type="text/javascript" src="Site/javascript/ddsmoothmenu.js">
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
</script>






</head>
<body>

<div id="main">

<div id="content1_bg"><div id="content1_wr"><div id="content1_l"></div><div id="content1_r"></div><div id="content1">

<div class="content_bg"><div class="boxc"><div class="btc"><div></div></div><div class="i1c"><div class="i2c"><div class="i3c"><div class="boxc-inner"><div class="boxc-2"><div class="boxc-6"><div class="boxc-4"><div class="boxc-8"><div class="boxc-5"><div class="boxc-7"><div class="boxc-3"><div class="boxc-1"><div class="boxc-content">

<div id="seo_1">

<h1>WTH Success</h1>

</div>


<div id="seo_2">

<h2>Be Your Own Boss! Achieve Financial Freedom, Eternal Security and Happiness!</h2>

</div>




          <div id="columns1"><div id="column1_wrapper">
                    <div id="left1pad"></div>
                              <div id="left1col">
                                        
                                                  
                                                            <div class="whatsnew">
                                                                      <div class="box1"><div class="bt"><div></div></div><div class="i1"><div class="i2"><div class="i3"><div class="box1-inner"><div class="box1-2"><div class="box1-6"><div class="box1-4"><div class="box1-8"><div class="box1-5"><div class="box1-7"><div class="box1-3"><div class="box1-1"><div class="box1-content">
                                                                      
<h3>WhatsNew:</h3>
<h4>First Heading or Title</h4>
<h5>Septermber 16, 1926</h5>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s.</p>

                                                                      </div></div></div></div></div></div></div></div></div> </div></div></div></div><div class="bb"><div></div></div></div>
                                                            </div>
                                                  
                                                  
                                                            <div class="currentnews">
                                                                      <div class="box1"><div class="bt"><div></div></div><div class="i1"><div class="i2"><div class="i3"><div class="box1-inner"><div class="box1-2"><div class="box1-6"><div class="box1-4"><div class="box1-8"><div class="box1-5"><div class="box1-7"><div class="box1-3"><div class="box1-1"><div class="box1-content">
                                                                      
<h3>CurrentNews:</h3>
<h4>First Heading or Title</h4>
<h5>Septermber 16, 1926</h5>
<p>
<a href="$_blank_minimized.htm">Lorem Ipsum</a> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s.
</p>

                                                                      </div></div></div></div></div></div></div></div></div> </div></div></div></div><div class="bb"><div></div></div></div>
                                                            </div>
                                                  
                                                  
                                                            <div class="recentevents">
                                                                      <div class="box1"><div class="bt"><div></div></div><div class="i1"><div class="i2"><div class="i3"><div class="box1-inner"><div class="box1-2"><div class="box1-6"><div class="box1-4"><div class="box1-8"><div class="box1-5"><div class="box1-7"><div class="box1-3"><div class="box1-1"><div class="box1-content">
                                                                      
<h3>RecentEvents:</h3>
<h4>First Heading or Title</h4>
<h5>Septermber 16, 1926</h5>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s.</p>

                                                                      </div></div></div></div></div></div></div></div></div> </div></div></div></div><div class="bb"><div></div></div></div>
                                                            </div>
                                                  
                                        
                              </div>
                    <div id="right1pad"></div>
                              <div id="right1col">
                                        
                                        
                              </div>
                              <div id="center1col">
                                        
<div class="box4-content">

<img src="image folder/priceimage.png" width="400" height="116" />
<h3>WTH Success Business Opportunity!</h3>
<p><strong><em>What if someone said they can remove all the stress in your every day life? loss of job, medical bills, divorce, debt... what would you do? </em></strong></p>
<p>Welcome to WTH Success network marketing business opportunity. We want to thank you for taking the time to understand how you can secure your financial freedom with this proven and very successful business strategy. </p>
<p> WTH Success offers an "out of the box" home business opportunity where<strong><u> YOU GET PAID</u></strong> commission plus bonus opportunity for every distributor you sign up! The sky is the limit on how you can grow as a distributor and income you can earn! <em><strong>Ask yourself what could you do with extra income each month? $1000, $2000, $5,000, $10,000...?</strong></em></p>
<p>WTHSuccess is a subsidiary of <a href="http://www.winthehunt.com">www.winthehunt.com</a> a penny auction website where you can win merchandise for pennies on the dollar. Many WTHSuccess distributors use their bids purchased through the business on the penny auction site to pay for items needed in every day life. As a distributor you have the ability to purchase bids and either use them yourself or hand them out to other potential distributors. There is a great benefit to being a member as you can win many of the items offered through the penny auction site such as giftcards for gas, retailers, restraunts, or other great merchandise on top of commissions.</p>
<p>WTHSuccess allows you the opportunity to earn money all while winning great items on winthehunt.com. What better way to achieve financial freedom while getting your every day needs such as gas and groceries virtually free!</p>
<p>To understand more about the program and to become an active distributor click on the <a href="HowItworks.htm">How It Works</a> link at the top of the page and learn how you can start earning money today! </p>
<p><img src="image folder/join button.jpg" width="160" height="100" align="absmiddle" /></p>
<p> </p>
<h4>Listen to the below testimonial:</h4>
<p><object type="application/x-shockwave-flash" width="500" height="429"
data="http://www.youtube.com/v/fYzuuAkeVvE?fs=1&hl=en_US&rel=0"><param name="movie" value="http://www.youtube.com/v/fYzuuAkeVvE?fs=1&hl=en_US&rel=0"/><param name="wmode" value="transparent" /></object> </p>
<p> </p>
<h6> </h6>
<p> </p>
<h3> </h3>
<p> </p>
</div>
<p> </p>
                                        
                              </div>
          </div></div>
<div class="clear"> </div>


</div></div></div></div></div></div></div></div></div></div></div></div></div><div class="bbc"><div></div></div></div></div>

</div></div></div>

<div id="content2_bg"><div id="content2_wr"><div id="content2_l"></div><div id="content2_r"></div><div id="content2">


<p> </p>


          <div id="columns2"><div id="column2_wrapper">
                    <div id="left2pad"></div>
                              <div id="left2col">
                                        
                                        
                              </div>
                    <div id="right2pad"></div>
                              <div id="right2col">
                                        
                                        
                              </div>
                              <div id="center2col">
                                        
                                        
                              </div>
          </div></div>
<div class="clear"> </div>



</div></div></div>

<div id="header_bg">
          <div id="header_wr"><div id="header_l"></div><div id="header_r"></div><div id="header">



                                        
                                        <div id="themed_icons">
                                        
<div class="icon_wrapper">
<a href="index.htm">                              <img alt="icon1" title="Colins Place"                               src="Site/themed_images/themed_icon1.png" width="40" height="40" id="icon1" style="border:0px;" /></a>
<a href="contact.htm">                    <img alt="icon2" title="contact"                     src="Site/themed_images/themed_icon2.png" width="40" height="40" id="icon2" style="border:0px;" /></a>
<a href="sitemap.htm">                    <img alt="icon3" title="sitemap"                     src="Site/themed_images/themed_icon3.png" width="40" height="40" id="icon3" style="border:0px;" /></a>
<a href="faqs.htm">                              <img alt="icon4" title="faqs"                               src="Site/themed_images/themed_icon5.png" width="40" height="40" id="icon4" style="border:0px;" /></a>
<a href="contact.htm">                    <img alt="icon5" title="photo gallery"           src="Site/themed_images/themed_icon4.png" width="40" height="40" id="icon6" style="border:0px;" /></a>
</div>
</div>
                                        
                                        
                                        <div id="themed_object">
                                        
</div>
                                        
                                        
                                        <div id="themed_object2">
                                        
</div>
                                        
                                        
                                        <div id="logo">
                                         



</div>
                                        
                                        
                                        <div id="textlogo">
                                        
<p><a href="index.htm">WTH Success</a></p>
<p> </p>
</div>
                                        
                                        
                                        
                                        <script type="text/javascript">ddsmoothmenu.init({mainmenuid: "smoothmenu1", orientation: 'h', classname: 'ddsmoothmenu', contentsource: "markup" })</script>
                                        <div id="menu_top"><div id="smoothmenu1" class="ddsmoothmenu">
                                        
<ul>
          <li><a href="index.htm">Home</a></li>
          <li><a href="services.htm">How It Works</a></li>
          <li><a href="services.htm">Getting Paid</a></li>
            <li><a href="contact.htm">Contact Us</a></li>
            <li><a href="index.htm">Join</a></li>
            <li><a href="index.htm">Login</a></li>
</ul>
<br style="clear: left" /></div></div>
                                        
                                        
                                        
                                        
                                        <div id="mp3_component">
                                        
<script type="text/javascript">
                              var flashvars            = {};
                              flashvars.configLocation = flashConfigLocation;
                              flashvars.playMusic                     = playMusic;
                              var params               = {};
                              params.play              = "true";
                              params.loop              = "true";
                              params.quality           = "high";
                              params.scale             = "showall";
                              params.wmode             = "transparent";
                              params.devicefont        = "false";
                              params.swliveconnect     = "false";
                              params.allowfullscreen   = "false";
                              params.allowscriptaccess = "sameDomain";
                              params.base              = flashRootLocation + "Site/flash/";
                              var attributes   = {};
                              attributes.id    = "flashheader";
                              attributes.name = "mp3";
                              attributes.align = "middle";
                              swfobject.embedSWF(flashRootLocation + "Site/flash/mp3.swf", "headerDivmp3", "296", "67", "9.0.0", flashRootLocation + "Site/flash/js/expressInstall.swf", flashvars, params, attributes);
                    </script>

<div id="mp3_wrapper"><div id="mp3"><div class="mp3">
          <div id="headerDivmp3" style="width:296px; height:67px;">
                              <a href="http://www.adobe.com/go/getflashplayer">
                                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                              </a>
          </div>
</div></div></div>

</div>
                                        
                                        
                                        <div id="twitter-facebook">
                                        
<div>
<a href="http://www.facebook.com/winthehunt/">          <img alt="follow me on facebook"           title="Facebook"           src="Site/themed_images/facebook_badge.png"                     width="36" height="36" style="border:0px;" /></a>
<a href="http://www.twitter.com/#!/winthehunt">          <img alt="tweet me"                                         title="Twitter"           src="Site/themed_images/t_logo-a.png"                               width="36" height="36" style="border:0px;" /></a>
</div>
</div>
                                        

          </div></div></div>


                                        
                                        <div id="image_rotator_wrapper"><div id="image_rotator_component">
                                        
<script type="text/javascript">
                              var flashvars            = {};
                              flashvars.configLocation = flashConfigLocation;
                              flashvars.configType = flashConfigType;
                              var params               = {};
                              params.play              = "true";
                              params.loop              = "true";
                              params.quality           = "high";
                              params.scale             = "showall";
                              params.wmode             = "transparent";
                              params.devicefont        = "false";
                              params.swliveconnect     = "false";
                              params.allowfullscreen   = "false";
                              params.allowscriptaccess = "sameDomain";
                              params.base              = flashRootLocation + "Site/flash/";
                              var attributes   = {};
                              attributes.id    = "flashheader";
                              attributes.name = "image_rotator";
                              attributes.align = "middle";
                              swfobject.embedSWF(flashRootLocation + "Site/flash/image_rotator.swf", "headerDivimage_rotator", "1680", "244", "9.0.0", flashRootLocation + "Site/flash/js/expressInstall.swf", flashvars, params, attributes);
                    </script>

<div id="image_rotator_wrapper"><div id="image_rotator"><div class="image_rotator">
          <div id="headerDivimage_rotator"><img src="Site/themed_images/image_rotator1.jpg" alt="Welcome Image" style="border:0px;" />          </div>
<div id="image_rotator_cover_wrapper"><div id="image_rotator_cover"></div></div>
</div></div></div>

</div></div>
                                        


<div id="footer_bg"><div id="footer_wr"><div id="footer_l"></div><div id="footer_r"></div><div id="footer">

<div class="footer_bg"><div class="boxf"><div class="btf"><div></div></div><div class="i1f"><div class="i2f"><div class="i3f"><div class="boxf-inner"><div class="boxf-2"><div class="boxf-6"><div class="boxf-4"><div class="boxf-8"><div class="boxf-5"><div class="boxf-7"><div class="boxf-3"><div class="boxf-1"><div class="boxf-content">
                               

<div class="footer_wrapper" style="width:100%; text-align:center;">
<p> </p>
<p>Copyright 2012.WinTheHunt, LLC. All Rights Reserved.</p>
<p>
          <a href="index.htm">Home</a> |
          <a href="TermsandConditions.htm">Terms</a> |<a href="services.htm">Getting Paid</a>| <a href="contact.htm">Contact </a>|
          <a href="privacy.htm">Privacy</a> |
          <a href="sitemap.htm">Sitemap</a>
</p>
</div>
                              
</div></div></div></div></div></div></div></div></div></div></div></div></div><div class="bbf"><div></div></div></div></div>

</div></div></div>

</div>


<div id="adsense"><div id="adsense_wrapper">

</div></div>

<div id="special1">
                    <p> </p>
                                        </div>


<div id="special2">
                    <p> </p>
                                        </div>

</body>

</html>

Help with Image & Blog Bugs

Similar Messages

Maybe you are looking for