Large Image and Poplet Styling / Jquery?

Is it possible to get the large image and poplets to function like this example? Does anyone have a link to a tutorial or guidance for a non jquery guru? http://www.sears.com/connected-apparel-women-s-lace-cocktail-dress/p-031VA51591901P?prdNo= 1&blockNo=1&blockType=G1

It is possible to achieve that with some jQuery, but I don't have a code for you that will do it, nor does BC have a tutorial written on how to achieve it. But you need to use JavaScript to override the default behavior and then add some code that will display the image inside the main image container on hoverover. These guys have implemented something like that, but their tutorials are not free http://kiyuco.com/tutorials/advanced-e-commerce-poplet-gallery
Cheers,
-mario

Similar Messages

Optimization on Load Time (Large Images and Sounds)

Hi,
I have an all flash website that works by having each portion of it to load and unload in the center of a frame based off the navigation chosen. Load times on everything but one part of my site are ok.
The dimensions of the part inside the frame are 968x674. I know that's relatively large for a flash file, but that can't be changed at this point.
Within the page there are objects that come up when you find an item on the screen. Its a dialog box and it shows text, an image, and has a voice over that reads what the text says. After you're done looking at it, there is an x-button to dismiss the window. There are 15 of these and they are exported to the actionscript. I add them in the actionscript via addChild. I figured this is a huge spot that could be reconfigured, but I'm not sure if it would make much a difference.
The other huge thing is there is a ton on the screen. It starts you off in an environment, and when you click 3 different sections, it zooms into that portion allowing you to look for the items you're trying to find.
There is also a man that talks and animates in the beginning and at the end. We are planning on taking out the end part and putting a text box up.
Here is the website.. its a propane safety site for kids. I know its kind of a weird idea, but it works and people seem to like it.
www.propanekids.com
The two parts of the site we are trying to optimize is the main menu when you first are at the site, and the "Explore" section. (Just click on the cloud on the front page.
If someone could take the time to give me some new ideas of how I can get these loading times down, I would greatly appreciate it!
Thanks

Ok, who ever posted this message is hacking me and i can't believe you guys are helping
Date: Thu, 27 Jan 2011 11:07:28 -0700
From: [email protected]
To: [email protected]
Subject: Optimization on Load Time (Large Images and Sounds)
Hi,
I have an all flash website that works by having each portion of it to load and unload in the center of a frame based off the navigation chosen. Load times on everything but one part of my site are ok.
The dimensions of the part inside the frame are 968x674. I know that's relatively large for a flash file, but that can't be changed at this point.
Within the page there are objects that come up when you find an item on the screen. Its a dialog box and it shows text, an image, and has a voice over that reads what the text says. After you're done looking at it, there is an x-button to dismiss the window. There are 15 of these and they are exported to the actionscript. I add them in the actionscript via addChild. I figured this is a huge spot that could be reconfigured, but I'm not sure if it would make much a difference.
The other huge thing is there is a ton on the screen. It starts you off in an environment, and when you click 3 different sections, it zooms into that portion allowing you to look for the items you're trying to find.
There is also a man that talks and animates in the beginning and at the end. We are planning on taking out the end part and putting a text box up.
Here is the website.. its a propane safety site for kids. I know its kind of a weird idea, but it works and people seem to like it.
http://www.propanekids.com
The two parts of the site we are trying to optimize is the main menu when you first are at the site, and the "Explore" section. (Just click on the cloud on the front page.
If someone could take the time to give me some new ideas of how I can get these loading times down, I would greatly appreciate it!
Thanks
>

MSOutlook HTML newsletter issues - large gaps between large images and small gaps...

Please can you help me!
Searched the web & found plently of advice but still getting formatting display issue when viewing HTML newsletter in MS Outlook.
Fully aware on the basics regarding the multiple issues when creating HTML newsletters but this is driving me crazy.
Apparently there is a image height limit within Outlook (can't find out what this is) so I have sliced my larger images into 5/6 parts which solves the display issue in Outlook.
But the gaps between the slices are now being displayed as small blank spaces within Hotmail.
I did use <br> between each slice as without caused the fixed 600px wide containing table to expand due to the slices stacking hoz.
Also still getting small gaps (like <br> spaces) between all images in Outlook when displaying perfectly (no gaps) in a browser.
This is my newsletter displaying correctly via a browser:
http://eu.shorts.tv/site-admin/modules/mod_mail/SHORTSTV_DECEMBER_2012.htm
Using Dreamweaver 4 (do have the latest version via Adobe Creative Cloud Membership but not on this system).
Hope you can help
Many thanks

Many thanks David
I also found this article which is currently sitting on my desk.
Pdf would make perfect sense or even a url link to view via a browser but these guys need it contained within the email.
Thanks again for your kind advice.
Regards
ShortsTV
Date: Fri, 30 Nov 2012 18:05:08 -0700
From: [email protected]
To: [email protected]
Subject: MSOutlook HTML newsletter issues - large gaps between large images and small gaps...
    Re: MSOutlook HTML newsletter issues - large gaps between large images and small gaps...
    created by David__B in Adobe Creative Cloud - View the full discussion
Hey Shortstv, Not something I know much about, searched and found thishttp://robcubbon.com/create-html-email-newsletters-outlook/ Maybe create it as a PDF attachment instead? -Dave
     Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/4888255#4888255
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4888255#4888255
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4888255#4888255. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Adobe Creative Cloud by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Thumbs with Large Image and Text/Links

Hi,
I am running some script on the link below to try and get a look of when you click a thumbnail the large image and text that goes with it changes with each different thumb. I am able to do that right now, but not to the affect that I want.
Ideally I would like all the text to be on the right hand side of the image with spacing and links, but I seem to only be able to get the text to show itself on the bottom of the picture right now. I think I need to approach it in a different way then I am currently. Any help would be greatly appreciated.
This is the page I am working on - http://mnkr.com/womens_stylepages/bigsur_TEST
Please let me know if I can offer up any other info.
Kandace

Sorry to keep replying to my own post, but I am trying to work on this in the meantime.
I am currently trying to get this to work through this forum - http://forums.adobe.com/message/4001227?tstart=0
This is what I have done so far and I think I am on on the right track?.
http://mnkr.com/womens_stylepages/bigsur_TEST2

Displaying Large Images and Out of Memory Error

hi,
I am relatively new to JAVA and I have been trying to display a large jpeg in a scrollpane. The image is about 30 mb in size and is very long. When compressed the image is very small (1mb) but when uncompressed it increases in size due to the black background. I have been looking all over the place to find a method to display such a large image. I read a little bit about the JAI and its tile features but I am not really familiar with it. Also the image has to be displayed in an applet. the whole mess has to do with the JAVA VM memory restrictions as it does not have enough memory to process the image. Is there a way to uncompress a part of the JPEG and display it or assign addittional memory to JAVA. I will really appreciate any help on this topic.
thanks

Hiya.
I can't say I know how to save Java from large images, but you can up the memory allocated to the JVM:
java -Xmx120M ...
will give 120M to the JVM (max). There is an -Xms also which gives the initial allowed space.
Regards.
Paulj.

Spry data table with photo thumbs, that open larger images and more thumbs when clicked

Hi, I'm trying to make a page that has a spry table that has car listings, make model etc... i want that info in the table area, with a thumbnail. when you click on the line in the table for a particular car, i want a window to open with thumbnails and larger pic. I have not been able to find how to get the window to open from the table info...it needs to be easily changeable, for instance as cars are sold, to remove old ones and add new ones with pics...I cant find any tutorials that deal with something like that...if you could point me in the right direction i'd appreciate it

hi
well, first, I can only get the text information to show up in the table, the pics do not. no link, no pic nothing, just blank. I did the add spry data, chose my xml file, with schema in the file. chose the stacked container with spotlight, which is for pics according to adobe, loads ok. my xml file is this
<?xml version="1.0" encoding="UTF-8"?>
<root xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:od="urn:schemas-microsoft-com:officedata">
<xsd:schema>
<xsd:element name="dataroot">
<xsd:complexType>
<xsd:sequence>
<xsd:element ref="Cars" minOccurs="0" maxOccurs="unbounded"/>
</xsd:sequence>
<xsd:attribute name="generated" type="xsd:dateTime"/>
</xsd:complexType>
</xsd:element>
<xsd:element name="Cars">
<xsd:annotation>
<xsd:appinfo>
<od:index index-name="PrimaryKey" index-key="ID " primary="yes" unique="yes" clustered="no" order="asc"/>
<od:tableProperty name="Orientation" type="2" value="0"/>
<od:tableProperty name="OrderByOn" type="1" value="0"/>
<od:tableProperty name="NameMap" type="11" value="CswOVQAAAACc6U1USJAMRI0VA+hJZ3tPAAAAALGkyOr3xONAAwEAACAIRQVDAGEA
cgBzAAAAAAAAAEj6ypGxIwNDnryyCm/b7+IHAAAAnOlNVEiQDESNFQPoSWd7T0kA
RAAAAAAAAAASmFZWi+DCS7sJb9DZmGcBBwAAAJzpTVRIkAxEjRUD6Elne09NAGEA
awBlAAAAAAAAAHusgDcg7zdMsa3wpnM6LF0HAAAAnOlNVEiQDESNFQPoSWd7T00A
bwBkAGUAbAAAAAAAAACPdks6OQxFSpf/dAbd/xBPBwAAAJzpTVRIkAxEjRUD6Eln
e09ZAHIAAAAAAAAAj6yQFEDYy0utEnEK2WD6qgcAAACc6U1USJAMRI0VA+hJZ3tP
QwBvAGwAbwByAAAAAAAAAE4fCFmx/CtHtwkTeMlLCmEHAAAAnOlNVEiQDESNFQPo
SWd7T1YAaQBuACAATgB1AG0AYgBlAHIAAAAAAAAAeTU5LE4tLE2logmOBFG+mgcA
AACc6U1USJAMRI0VA+hJZ3tPUAByAGkAYwBlAAAAAAAAAOBprfb8f75FuDPsJjSJ
4DEHAAAAnOlNVEiQDESNFQPoSWd7T0kAbQBhAGcAZQAAAAAAAADHHMzcxn4sTbPP
g+piA6klBwAAAJzpTVRIkAxEjRUD6Elne09NAGkAbABlAGEAZwBlAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAMAAAABAAAAAAAAAAAAAAAAAAAAAAA
"/>
<od:tableProperty name="DefaultView" type="2" value="2"/>
<od:tableProperty name="GUID" type="9" value="nOlNVEiQDESNFQPoSWd7Tw==
"/>
<od:tableProperty name="DisplayViewsOnSharePointSite" type="2" value="1"/>
<od:tableProperty name="TotalsRow" type="1" value="0"/>
<od:tableProperty name="FilterOnLoad" type="1" value="0"/>
<od:tableProperty name="OrderByOnLoad" type="1" value="1"/>
<od:tableProperty name="HideNewField" type="1" value="0"/>
</xsd:appinfo>
</xsd:annotation>
<xsd:complexType>
<xsd:sequence>
<xsd:element name="ID" minOccurs="1" od:jetType="autonumber" od:sqlSType="int" od:autoUnique="yes" od:nonNullable="yes" type="xsd:int">
<xsd:annotation>
<xsd:appinfo>
<od:fieldProperty name="ColumnWidth" type="3" value="-1"/>
<od:fieldProperty name="ColumnOrder" type="3" value="1"/>
<od:fieldProperty name="ColumnHidden" type="1" value="0"/>
<od:fieldProperty name="TextAlign" type="2" value="0"/>
<od:fieldProperty name="AggregateType" type="4" value="-1"/>
<od:fieldProperty name="GUID" type="9" value="SPrKkbEjA0OevLIKb9vv4g==
"/>
</xsd:appinfo>
</xsd:annotation>
</xsd:element>
<xsd:element name="Make" minOccurs="0" od:jetType="text" od:sqlSType="nvarchar">
<xsd:annotation>
<xsd:appinfo>
<od:fieldProperty name="ColumnWidth" type="3" value="-1"/>
<od:fieldProperty name="ColumnOrder" type="3" value="2"/>
<od:fieldProperty name="ColumnHidden" type="1" value="0"/>
<od:fieldProperty name="Required" type="1" value="0"/>
<od:fieldProperty name="AllowZeroLength" type="1" value="1"/>
<od:fieldProperty name="DisplayControl" type="3" value="109"/>
<od:fieldProperty name="IMEMode" type="2" value="0"/>
<od:fieldProperty name="IMESentenceMode" type="2" value="3"/>
<od:fieldProperty name="UnicodeCompression" type="1" value="1"/>
<od:fieldProperty name="TextAlign" type="2" value="0"/>
<od:fieldProperty name="AggregateType" type="4" value="-1"/>
<od:fieldProperty name="GUID" type="9" value="EphWVovgwku7CW/Q2ZhnAQ==
"/>
</xsd:appinfo>
</xsd:annotation>
<xsd:simpleType>
<xsd:restriction base="xsd:string">
<xsd:maxLength value="255"/>
</xsd:restriction>
</xsd:simpleType>
</xsd:element>
<xsd:element name="Model" minOccurs="0" od:jetType="text" od:sqlSType="nvarchar">
<xsd:annotation>
<xsd:appinfo>
<od:fieldProperty name="ColumnWidth" type="3" value="-1"/>
<od:fieldProperty name="ColumnOrder" type="3" value="3"/>
<od:fieldProperty name="ColumnHidden" type="1" value="0"/>
<od:fieldProperty name="Required" type="1" value="0"/>
<od:fieldProperty name="AllowZeroLength" type="1" value="1"/>
<od:fieldProperty name="DisplayControl" type="3" value="109"/>
<od:fieldProperty name="IMEMode" type="2" value="0"/>
<od:fieldProperty name="IMESentenceMode" type="2" value="3"/>
<od:fieldProperty name="UnicodeCompression" type="1" value="1"/>
<od:fieldProperty name="TextAlign" type="2" value="0"/>
<od:fieldProperty name="AggregateType" type="4" value="-1"/>
<od:fieldProperty name="GUID" type="9" value="e6yANyDvN0yxrfCmczosXQ==
"/>
</xsd:appinfo>
</xsd:annotation>
<xsd:simpleType>
<xsd:restriction base="xsd:string">
<xsd:maxLength value="255"/>
</xsd:restriction>
</xsd:simpleType>
</xsd:element>
<xsd:element name="Yr" minOccurs="0" od:jetType="longinteger" od:sqlSType="int" type="xsd:int">
<xsd:annotation>
<xsd:appinfo>
<od:fieldProperty name="ColumnWidth" type="3" value="-1"/>
<od:fieldProperty name="ColumnOrder" type="3" value="4"/>
<od:fieldProperty name="ColumnHidden" type="1" value="0"/>
<od:fieldProperty name="DecimalPlaces" type="2" value="255"/>
<od:fieldProperty name="Required" type="1" value="0"/>
<od:fieldProperty name="DisplayControl" type="3" value="109"/>
<od:fieldProperty name="TextAlign" type="2" value="0"/>
<od:fieldProperty name="AggregateType" type="4" value="-1"/>
<od:fieldProperty name="GUID" type="9" value="j3ZLOjkMRUqX/3QG3f8QTw==
"/>
</xsd:appinfo>
</xsd:annotation>
</xsd:element>
<xsd:element name="Color" minOccurs="0" od:jetType="text" od:sqlSType="nvarchar">
<xsd:annotation>
<xsd:appinfo>
<od:fieldProperty name="ColumnWidth" type="3" value="-1"/>
<od:fieldProperty name="ColumnOrder" type="3" value="5"/>
<od:fieldProperty name="ColumnHidden" type="1" value="0"/>
<od:fieldProperty name="Required" type="1" value="0"/>
<od:fieldProperty name="AllowZeroLength" type="1" value="1"/>
<od:fieldProperty name="DisplayControl" type="3" value="109"/>
<od:fieldProperty name="IMEMode" type="2" value="0"/>
<od:fieldProperty name="IMESentenceMode" type="2" value="3"/>
<od:fieldProperty name="UnicodeCompression" type="1" value="1"/>
<od:fieldProperty name="TextAlign" type="2" value="0"/>
<od:fieldProperty name="AggregateType" type="4" value="-1"/>
<od:fieldProperty name="GUID" type="9" value="j6yQFEDYy0utEnEK2WD6qg==
"/>
</xsd:appinfo>
</xsd:annotation>
<xsd:simpleType>
<xsd:restriction base="xsd:string">
<xsd:maxLength value="255"/>
</xsd:restriction>
</xsd:simpleType>
</xsd:element>
<xsd:element name="VinNumber" minOccurs="0" od:jetType="text" od:sqlSType="nvarchar">
<xsd:annotation>
<xsd:appinfo>
<od:fieldProperty name="ColumnWidth" type="3" value="-1"/>
<od:fieldProperty name="ColumnOrder" type="3" value="6"/>
<od:fieldProperty name="ColumnHidden" type="1" value="0"/>
<od:fieldProperty name="Required" type="1" value="0"/>
<od:fieldProperty name="AllowZeroLength" type="1" value="1"/>
<od:fieldProperty name="DisplayControl" type="3" value="109"/>
<od:fieldProperty name="IMEMode" type="2" value="0"/>
<od:fieldProperty name="IMESentenceMode" type="2" value="3"/>
<od:fieldProperty name="UnicodeCompression" type="1" value="1"/>
<od:fieldProperty name="TextAlign" type="2" value="0"/>
<od:fieldProperty name="AggregateType" type="4" value="-1"/>
<od:fieldProperty name="GUID" type="9" value="Th8IWbH8K0e3CRN4yUsKYQ==
"/>
</xsd:appinfo>
</xsd:annotation>
<xsd:simpleType>
<xsd:restriction base="xsd:string">
<xsd:maxLength value="255"/>
</xsd:restriction>
</xsd:simpleType>
</xsd:element>
<xsd:element name="Price" minOccurs="0" od:jetType="currency" od:sqlSType="money" type="xsd:double">
<xsd:annotation>
<xsd:appinfo>
<od:fieldProperty name="ColumnWidth" type="3" value="-1"/>
<od:fieldProperty name="ColumnOrder" type="3" value="7"/>
<od:fieldProperty name="ColumnHidden" type="1" value="0"/>
<od:fieldProperty name="Format" type="10" value="$#,##0.00;($#,##0.00)"/>
<od:fieldProperty name="DecimalPlaces" type="2" value="255"/>
<od:fieldProperty name="Required" type="1" value="0"/>
<od:fieldProperty name="TextAlign" type="2" value="0"/>
<od:fieldProperty name="AggregateType" type="4" value="-1"/>
<od:fieldProperty name="GUID" type="9" value="eTU5LE4tLE2logmOBFG+mg==
"/>
</xsd:appinfo>
</xsd:annotation>
</xsd:element>
<xsd:element name="Mileage" minOccurs="0" od:jetType="longinteger" od:sqlSType="int" type="xsd:int">
<xsd:annotation>
<xsd:appinfo>
<od:fieldProperty name="ColumnWidth" type="3" value="-1"/>
<od:fieldProperty name="ColumnOrder" type="3" value="8"/>
<od:fieldProperty name="ColumnHidden" type="1" value="0"/>
<od:fieldProperty name="DecimalPlaces" type="2" value="255"/>
<od:fieldProperty name="Required" type="1" value="0"/>
<od:fieldProperty name="DisplayControl" type="3" value="109"/>
<od:fieldProperty name="TextAlign" type="2" value="0"/>
<od:fieldProperty name="AggregateType" type="4" value="-1"/>
<od:fieldProperty name="GUID" type="9" value="xxzM3MZ+LE2zz4PqYgOpJQ==
"/>
</xsd:appinfo>
</xsd:annotation>
</xsd:element>
<xsd:element name="Pics" minOccurs="0" od:jetType="anyURI" od:sqlSType="nvarchar">
<xsd:annotation>
<xsd:appinfo>
<od:fieldProperty name="ColumnWidth" type="3" value="-1"/>
<od:fieldProperty name="ColumnOrder" type="3" value="10"/>
<od:fieldProperty name="ColumnHidden" type="1" value="0"/>
<od:fieldProperty name="Required" type="1" value="0"/>
<od:fieldProperty name="AllowZeroLength" type="1" value="1"/>
<od:fieldProperty name="DisplayControl" type="3" value="109"/>
<od:fieldProperty name="IMEMode" type="2" value="0"/>
<od:fieldProperty name="IMESentenceMode" type="2" value="3"/>
<od:fieldProperty name="UnicodeCompression" type="1" value="1"/>
<od:fieldProperty name="TextAlign" type="2" value="0"/>
<od:fieldProperty name="AggregateType" type="4" value="-1"/>
</xsd:appinfo>
</xsd:annotation>
<xsd:simpleType>
<xsd:restriction base="xsd:string">
<xsd:maxLength value="255"/>
</xsd:restriction>
</xsd:simpleType>
</xsd:element>
</xsd:sequence>
</xsd:complexType>
</xsd:element>
</xsd:schema>
<dataroot xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" generated="2010-11-09T16:11:16">
<Cars>
<ID>8</ID>
<Make>Toyota</Make>
<Model>Corolla</Model>
<Yr>1992</Yr>
<Color>Blue</Color>
<VinNumber>1645kjdjdj</VinNumber>
<Price>19326.3</Price>
<Mileage>15362</Mileage>
<Pics xmlns:xlink="http://www.w3.org/1999/xlink"> <-
    <link xlink:type="simple"                                   <-
      xlink:show="embed"                                        <-
      xlink:actuate="onLoad"                                    <-
      xlink:title="Well! This is an image!"                    <-
      xlink:href="2521299015.jpg">                           <-----this was last attempt also did not work
    </link>
   </Pics>
</Cars>
<Cars>
<ID>9</ID>
<Make>Toyota</Make>
<Model>Yaris</Model>
<Yr>2009</Yr>
<Color>Blue</Color>
<VinNumber>lakjladlajkd</VinNumber>
<Price>12536</Price>
<Mileage>21365</Mileage>
<Pics>/images/2521299015.jpg</Pics>               <----this is what I've seen the most as what your supposed to have, also does not work for me
</Cars>
<Cars>
<ID>10</ID>
<Make>Nissan</Make>
<Model>Sentra</Model>
<Yr>1985</Yr>
<Color>Red</Color>
<VinNumber>akjlkdjf54454</VinNumber>
<Price>5326</Price>
<Mileage>24558</Mileage>
</Cars>
</dataroot>
</root>
no matter how i have tried formatting the image, adding img src etc...nothing makes the pic show up...i need to get this part to work more than any other. what do i put in the xml file that will make a image show up in the dynamic spry table? I cant add a table outside of the dynamically created one, if i do, how will the pics sort correctly with the spry table?

Web Gallery - need file name on thumbnail and large image

I think I have tried all the CS3 templates, but haven't found what our client is requesting. Is there a template that shows the file name on both the thumbnail and large image, and will make large images of 600-800 pixels (long dimension)?
Thanks in advance,
Dan Clark

Thanks for your reply Nini. Yes, I had gone through all the presets and options. Was hoping I might have missed something, or that someone knew a trick/workaround. We've been using Table-Minimal for years, which is my overall favorite. I like to ability to make a large image, but it can't do what the client is requesting. They've made a list of selects from some very large galleries (200-300 shots each), and now want to jump directly to the shots they've previously chosen, in order to show their coworkers. I've also considered "Add Numeric Links", but I find that either confuses people, or they give me that number, instead of the file name/number, which makes a lot of extra work for us.

Thumbnail images, bigger images and some text PROBLEM

Unclear title, with an unclear problem.
What I'm wanting to do is, when I click on a thumbnail image, I want the content in the DIV on the right to change accordingly to display the image and information relating to the thumbnail you have just clicked. I'm using Dreamweaver CS5 on MAC:
- I have a page split into 2 vertical columns. On the left I have 6 thumbnail images in their individual DIVs, wrapped all together in another DIV container
- on the right of the page I have assigned a large DIV to display a big image with a description underneath of what the project was etc...
I know you can attach a behaviour to the thumbnail to change the big image on the right, but I have a short paragraph of text below the big image too, and I don't particularly want to make the image and text one huge image. I want to keep the text, text.
How do I do it? Is this a simple thing? or is there a lot of coding to do this with JQuery or Javascript or something? Is there something to do with Data record sets involved?
Is there a way of doing it that when you click on the thumbnail that it can load the relevant image and text into the DIV on the right?
Sorry if it's not clearly explained, not sure how to do it, therefore not sure if I'm describing it properly.
As always, all help and advice very welcome.

Hi Murray,
Here is a screenshot of the page in question.
- On the left are the thumbBox DIVS, (shown here, "thumbBox1")
- On the right there is a main container, "galleryDisplay"
- Within "galleryDisplay" there is a DIV for the large image, "galleryDisplayImage", and another DIV to display a paragraph of information on the project, "galleryDisplayInfo".
Just to repeat, I want that when you click on the "thumbBox1", that the content of "galleryDisplayImage" and "galleryDisplayInfo" change in accordance to the thumbnail clicked.
Murray *ACP* wrote:
The easy way to do this is to have each click on the thumbnail change the display Property of a container (containing both the image and the caption) from "none" to "block". In the column on the right, just line up a series of divs, each containing the desired image+caption, and use DW's Chage Property behavior on a null link surrounding the thumbnail. For example, a thumbnail image:
<a href="#" onClick="MM_changeProp('image-caption1','','display','block','DIV'); return false"><img src="path_to_thumb.jpg" width="165" height="50"></a>
Each click on a thumb would also have to change the display Property of all other image-caption containers to "none".
I don't understand what I have to do with the relevant large image and text. You say to "line up a series of divs"... I don't understand. Where do I "store" the image and text combinations for each project? I can understand how an image can be loaded into the image div, but how and from where do I load in the html text with css applied into the info div?
Can I change the content of 2 separate divs from one click?
Sorry for not being overly clear, but I can't get my head round this.
Thanks for your help. I'm sure I'll get there in the end with your expertise.

[BUG] Flash plug-in crash with large images, sometimes

Hello,
I've been working with using Pixel Bender shaders in Flash and have encountered plugin / browser crashes when using shaders on large images, but only on certain machines.
I've been unable to reproduce the crash on any machine I have physical access to, but was able to determine that it was caused by executing a shader on an image over 1028x1028 in size. I created a test Flash file (http://www.saltgames.com/?page_id=283) that runs a simple shader on gradually increasing image sizes. On most machines it will run fine, but on a few the Flash plugin (and possibly browser too, depending on the broswer) will lock up once it tries to render the 1500x1500 sized image.
One user reported that although it crashed when using Firefox or Chrome, in Internet Explorer on the same machine it was fine. I haven't been able to see a common feature in the set-ups that suffer this crash.
I had approximately 50 people test a Flash game that featured shaders operating on large images, and 4 reported a crash. Changing it to only run shaders on smaller image sizes seems to have fixed the crashes.

Hi,
0xe9000 - 0xebfff +net.culater.SIMBL 0.8.2 (8) /Library/InputManagers/SIMBL/SIMBL.bundle/Contents/MacOS/SIMBL
Follow the path: /Library/Input Managers. Move all the files in the Input Managers folder to the Trash.
Instant Hijack Server.hermesmodule/Contents/MacOS/Instant Hijack Server
If you have any browser enhancers like Unsanity's haxies, move them to the Trash.
Relaunch Safari.
Carolyn

Is it possible to downsize a large image on the server side (before serving it to the user)?

One of the banes of my existence is resizing the same image several times because of the various contexts it appears in. For example, the main image in an article will appear bigger than it will on the index page, where many article teasers are placed. Then there's the image that goes in the Facebook "share" og. Then there's... you get the idea.
Same image, different contexts, lots of Photoshop resizing, lots of files to keep track of... but I save on bandwidth.
On the flip side, I can target the same (large) image and simply downsize via traditional HTML (width/height) on the browser end, but that will mean downloading a file that is 50-75% larger than what is actually needed. If the front page teaser displays a 1280px image at 500px, that's a huge (and potentially costly) waste of bandwidth.
HOWEVER...
If I could do the same thing on the SERVER side... in other words, tell the server to take only the pixels it needs from the (large) image and serve only THOSE to the end user... then the same image could be used in each and every context, and only the necessary bandwidth is used.
Is this do-able? If so, what is the process formally called, and where would I begin to learn how to do it?
Thanks!

That's amazing. I didn't think it was possible without saving files on the server first.
This will suit my needs just fine, but allow me to push my luck even further with the following "hail mary" question : would it be possible for the server to serve the PNG with a width of 100% of the container? In other words, the behavior would mimic width=100% but the server would still only serve as many bytes as are needed to fill that space.
Not only would I not have to create separate files for every resize (we fixed that problem with your suggestion) but I wouldn't even have to customize every link to a specific size.
I'm not expecting an affirmative on this one, but it was worth asking. =)

Animation in illustrator cs4: pan & rotate across large image while animating text?

Hi there -
I have a fairly large circular starmap image - it's a fantasy piece simulating an ancient painted star map with stars, ancient constellation figures, and calligraphic text. Basically a bitmap background from PShop, vector layers with stars, constellations and text. I want to export from Illustrator to Flash a number of short 'movies' of different views of this artwork panning from one point to another with possible zoom and rotation around the image as it pans. I also want to animate one or more of the constellation shapes as the movie pans, as well as adding momentary effects to some of the text.
I'm familiar with setting up a non-panning animation in illustrator using layers as animation 'cells' and exporting to Flash. But is it possible to do this while moving across a large piece of artwork? How can I capture and export a specific 'view' which moves across the larger image and/or zooms in or out, while also animating a shape or text glow for example? Would this be accomplished with a mask set to the aspect ratio of the final movie which is moved/resized/rotated from layer to layer?
Is this even possible in Illustrator CS4? I'm not familiar with Premier or AE, hoping to stay within Illy and Flash.
Thanks!

Thanks Monica,
After researching, it looks like Sony Vegas can be used to create a freeflowing video 'fly-over' of the artwork. And then at specific points I can import and animate the Illustrator vector pieces with After Effects - just a 'bit' of a learning curve now...

Images and XML forms and Images and scaling

Hello,
I have two questions about using images in XML forms.
1) How do I insert images into the XML form editor.
The thread HTML Editor in XML Form? (Posted: Aug 26, 2004 7:50 PM), discuss how the HTML Editor in XML forms can be extended to be able to insert images like in the KM editor.
Has anyone any practical experience with this?, as the thread is fairly old.
And is there other solutions which are more suited?
The portal is running on WAS 6.40, EP 6.0 SP11
2) Is is possible for the portal to scale images
In the portal, different users will use XML forms to publish news stories. These users will want to publish images along with the text.
In many content management systems, the system will automatically scale the images (e.g. create one thumbnail, a mid-size image and keep the full size) Can this be achieved in the portal.
The reason for this is to make sure that no one can post a very large image and to make sure each image is the same size.
I'm interested in hearing how other people, solve the issue with uploading and scaling of images used in the portal.
Kind regard,
Jørgen Ruud
Will reward SDN points.

Hi Sumit,
Just to add to what Duncan had said ... please ensure the following things as well
1. Access portal using FQDN
2. Maintain proper browser settings http://wiki.sdn.sap.com/wiki/display/EP/MSIE6BrowserSettingsforaccessingSAP+Portals
3. Please go through the forum link http://forums.sdn.sap.com/thread.jspa?threadID=1814082
Regards,
Mahesh

Using IMAQ Image Display control vs IMAQ WindDraw for large image files

Hello All;
I am designing an application that is currently using IMAQ Image Display control to view large images (5K x 3K and larger). My problem is that these images take 10-20 seconds to load and display, whereas if I use IMAQ WindDraw to display my image in a separate window, it only takes a couple of seconds. My application is designed such that I am making use of the Subpanels in LabVIEW 8.0, and to make it pleasant for the user, the interface is such that my line profile, histograph and image viewer displays are contained within the same GUI (panel).
I read the National Instruments application note regarding displaying of large images, and it did not seem to make a difference. For example, I switched the 'modern' IMAQ Image Display control with the classic Image Display control, since the 'classic' does not contain any of the 3D rendering tools which might slow the process down.
Why is there such a huge difference in loading times if I am trying to do exactly the same thing with both methods? How can I bring the IMAQ Image Display control up to the same speed as the IMAQ WindDraw tool?
I am currently using LabVIEW 8.0 with the latest IMAQ/NI Vision package from NI (IMAQ v7.1?). Thanks.
DJH

Use a property node and select 16 bit image mapping. You can create a control for this or whatever you need. If you select the individual elements, you can get enumerated controls.
Bruce
Bruce Ammons
Ammons Engineering

Click on thumb nail to open larger image

Hi,
I am trying to setup a page where I have a single large image
placement with lots of thumbnails to the right. When I click on one
of the thumb nails I would like the image in the main placement to
change to the relevant larger image and then change again when I
click on another thumbnail. I seem to be having trouble with this.
(Drreamweaver CS3) Any help would be greatly apprciated. I am sure
it is simple as it was in Golive.

A bit long in the tooth, but that's the right thing to use.
This demo may
help as well -
http://dreamweaverresources.com/tutorials/settextoflayer.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Ken Binney" <[email protected]> wrote
in message
news:gmer3v$h4l$[email protected]..
> One way would be set text behavior
>
http://livedocs.adobe.com/dreamweaver/8/using/wwhelp/wwhimpl/common/html/wwhelp.htm?contex t=LiveDocs_Parts&file=19_jsb27.htm
>
>
> "lenny109" <[email protected]> wrote in
message
> news:gmeoem$dsl$[email protected]..
>> Hi,
>> I am trying to setup a page where I have a single
large image placement
>> with
>> lots of thumbnails to the right. When I click on one
of the thumb nails I
>> would
>> like the image in the main placement to change to
the relevant larger
>> image
>> and then change again when I click on another
thumbnail. I seem to be
>> having
>> trouble with this. (Drreamweaver CS3) Any help would
be greatly
>> apprciated. I
>> am sure it is simple as it was in Golive.
>>
>>
>
>

Dividing One large Image to many smaller images

Dear Java developers,
I have 1 Large Image, and I want to divide it
into many smaller images, But I don't see
any Java API to make it...
Anybody can help me ?
Thanks in Advance,

I'd guess using BufferedImage and subimages thereof is faster than filtering it. Although it depends much on the implementation of the original image source, and its caching strategies. But it's pretty certain that when you are creating a BufferedImage which is appropriate for you current color model, you avoid most conversions which may be needed when rendering directly from an image source.
Having said that, the image source and filtering way may even use more memory and cpu than the buffered image way. At least temporary. But the image source is allowed to release almost all memory associated with the image, down to retaining only the original URL.
In simpler words:
- With BufferedImage you can be quite sure how much memory it will need. Add up the space needed for the Raster and auxiliary data and there you are. It won't change much over time. But it's not present in JDK 1.1.
-- Simple, predictable and modern.
- ImageSource is pretty much opaque in how much memory it will use. However, it's interface allows dropping most resources and re-creating them on demand. Of course, you'll know what it does when you're implementing it yourself. Which I tend to do from time to time.
-- Complex (flow control), opaque but present in JDK 1.1.
Your mileage may vary. There would be no challenge in programming if there were no tough decisions to be made ;-)
/kre

Large Image and Poplet Styling / Jquery?

Similar Messages

Maybe you are looking for