kcarriedo

	SC.ImageView.design({
				classNames: ["images"],
				layout: { top: 30,centerX : 0, rotate: 90, height: 250, width: 200 },
				value: static_url('resources/Apple.png'),
				localize: NO,
				useImageCache: NO, // this loads the image with out clicking the mouse.
				
				mouseDown: function(evt) {
				    // This will hide the current image when clicked
				    //this.set('isVisible', NO) ;

kcarriedo

SC.ToolbarView.design({
		classNames: ["main_page"], // different class names
      layout: { top: 0, left: 0, right: 0, height: 36 },
      anchorLocation: SC.ANCHOR_TOP



///This is the second toolbar
container2: SC.ToolbarView.design({

kcarriedo

SC.ImageView.design({
			  // You don't need to have both a 'right' and a 'width', just one or the other
			  layout: { top: 100, left: 840, rotate: 90, height: 150, width: 130 },
			  value: static_url('resources/aly.JPG'),
			localize: NO,
			 mouseDown: function(evt) {
			    // This will hide the current image when clicked
			    this.set('isVisible', NO) ;
			  },
 			useImageCache: NO // this loads the image with out clicking the mouse.

kcarriedo

// ==========================================================================
// Project:   Tabs - mainPage
// Copyright: ©2010 My Company, Inc.
// ==========================================================================
/*globals Tabs */

// This page describes the main user interface for your application.  
Tabs.mainPage = SC.Page.design({

  // The main pane is made visible on screen as soon as your app is loaded.

kcarriedo

//How Can I access the other large image within my thumbnail image? 
//What I would like to do is click on thumbnail image and make that image not visible and the large image visible.  Is this possible.


SC.ImageView.design({
			 
 layout: { top: 100, left: 840, rotate: 90, height: 150, width: 130 },
 value: static_url('resources/aly.JPG'),
 localize: NO,
 mouseDown: function(evt) {

kcarriedo

//Here is the the whole code that I'm working on. When I click on the image nothing happens.  Is it because its inside a container that is being called by a button?  

Thanks In Advance!
Valenn


Tabs.mainPage = SC.Page.design({

  // The main pane is made visible on screen as soon as your app is loaded.

kcarriedo

//Is this correct? 
SC.ImageView.design({
layout: { top: 100, left: 840, rotate: 90, right: 8, height: 150, width: 130 },
value: static_url('resources/aly.JPG'),
localize: NO,
mouseDown: function(evt) {
isActive:YES,
var layout = this.get('layout');
this._mouseDown = {
isVisible: NO, // I would like to hide the image when clicked