Spry slide effect and loading image
I'm using a "slide down effect" for a image, but when open
the page in the browser, the image appear (for 1 second) before to
start the effect... is possible hidden the image and view it only
when the slide effect start?
thanks
Depending on how you want it handled, you can add a css style
to either the image or the div in order to hide it before the fade.
display:none;
or
visibility:hidden;
Similar Messages
-
Hi
i have a div with the slide effect, it works but it start as
showing and i want it to be "shrinked" when the page is loading.
what should i do?
ronHigh Rich,
You were on the right track with EPM. Here's how it works:
http://www.projectseven.com/testing/customers/pow32/
All you do is insert a single panel EPM inside TopMenuWrapper
set to have
all panels close and with gradual stop animation and using
the basic style
theme.
Then you set the trigger DIV to display: none !important; and
to remove all
borders.
.p7EPM05 .p7epm_trigs {
overflow: hidden;
margin-bottom: 12px;
display: none !important;
Then "un-style" the EPM content DIV so it picks up your
colors and
attributes:
.p7EPM05 .p7epm_content {
padding: 12px 24px;
line-height: 1.5em;
border: 0;
Then select your "Menu of Products" link and use the built-in
EPM control
behaviors (available GUI in behaviors panel) to assign an EPM
Trigger
Control to the link, which will then look like this:
<a href="#"
onclick="P7_EPMctl('p7EPMtrg1_1','trigger')">Menu of
Products</a>
That's it.
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/pop
The Ultimate DW Menu System
"RICH POW" <[email protected]> wrote in
message
news:gms1c0$rpj$[email protected]..
>I am using the Spry Slide Effect as a way of initially
hiding a drop down
>menu:
>
> Click on menu of products:
>
http://www.adelantedesign.co.uk/clients/showpiece/menu.asp
>
> I use:
> .hideInitially{
> display: none;
> }
> as recommended here though there is no working example
using display:
> none;
> only visibility: hidden
>
>
http://labs.adobe.com/technologies/spry/samples/effects/slide_sample.html
>
> Using initial state of dispay: none it displays NOTHING!
Is this a bug in
> IE
> 7?
> Anyone come across this problem.
>
> Anyone got a fix?
>
> Thanks
> Rich
> -
Spry Slide Effect problem in IE 7 only
I am using the Spry Slide Effect as a way of initially hiding
a drop down menu:
Click on menu of products:
http://www.adelantedesign.co.uk/clients/showpiece/menu.asp
I use:
.hideInitially{
display: none;
as recommended here though there is no working example using
display: none; only visibility: hidden
http://labs.adobe.com/technologies/spry/samples/effects/slide_sample.html
Using initial state of dispay: none it displays NOTHING! Is
this a bug in IE 7?
Anyone come across this problem.
Anyone got a fix?
Thanks
RichHigh Rich,
You were on the right track with EPM. Here's how it works:
http://www.projectseven.com/testing/customers/pow32/
All you do is insert a single panel EPM inside TopMenuWrapper
set to have
all panels close and with gradual stop animation and using
the basic style
theme.
Then you set the trigger DIV to display: none !important; and
to remove all
borders.
.p7EPM05 .p7epm_trigs {
overflow: hidden;
margin-bottom: 12px;
display: none !important;
Then "un-style" the EPM content DIV so it picks up your
colors and
attributes:
.p7EPM05 .p7epm_content {
padding: 12px 24px;
line-height: 1.5em;
border: 0;
Then select your "Menu of Products" link and use the built-in
EPM control
behaviors (available GUI in behaviors panel) to assign an EPM
Trigger
Control to the link, which will then look like this:
<a href="#"
onclick="P7_EPMctl('p7EPMtrg1_1','trigger')">Menu of
Products</a>
That's it.
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/pop
The Ultimate DW Menu System
"RICH POW" <[email protected]> wrote in
message
news:gms1c0$rpj$[email protected]..
>I am using the Spry Slide Effect as a way of initially
hiding a drop down
>menu:
>
> Click on menu of products:
>
http://www.adelantedesign.co.uk/clients/showpiece/menu.asp
>
> I use:
> .hideInitially{
> display: none;
> }
> as recommended here though there is no working example
using display:
> none;
> only visibility: hidden
>
>
http://labs.adobe.com/technologies/spry/samples/effects/slide_sample.html
>
> Using initial state of dispay: none it displays NOTHING!
Is this a bug in
> IE
> 7?
> Anyone come across this problem.
>
> Anyone got a fix?
>
> Thanks
> Rich
> -
How to keep track of the status of a spry slide effect from page to page.
Hi All,
I'm using a spry slide effect on a simple menu system.
Lets say I have a home, gallery and about us page.
I currently have the spry effect occurring with "body onload" only on the Gallery page to slide down extra sub menus only when the user lands on that page.
My problem is that I would like the slide effect to close when having left the page and landed on either of the other two pages. I can close the slide with body onload again but obviously it will close every time regardless of whether the effect was open or closed to begin with.
I know nothing about Javascript or the Spry Framework and therefore would like to know if there is a simple way to track whether the effect was open or closed from page to page?
Ideally I would like the effect to only open when landing on the gallery page and closing only if the previous page was the gallery page and the effect was open. For all other instances the effect should not be actioned.
I thought that there would be a way seeing as there is a toggle option with this effect. How does the effect know when it was previously open/closed and is there a way of parsing that in the URL so that the next page knows what to do?
Any help would really be appreciated.
ThanksSorry, but what you wish to do, will require you to at least have a basic understanding of JavaScript and setting/unsetting cookies.
For a basic introduction to using JavaScript try: http://www.adobe.com/devnet/dreamweaver/articles/js_for_designers.html
HTH
PZ -
When I pushed a button, this pop-up window has to appear. There will be a slide control and a picture from a camera in this window. Is it possible to make appear this windows while main VI Interface continue to run ? How can I do this ? Thank you for your answers.
Cyril.Here you go. This is simple example. Maybe not the best way, I am just
beginner in LV and still not comfortable with data flow that much. I prefer
events, so I would change this to use Event Structures.
When you click on OK button on SliderMain, it opens Slider.vi. Now both
windows are open and you can interact with both. Now if you click on OK
again with Slider.vi open, you run into problems. Only thing I did was
change VI properties of slider.vi, mainly window appearance.
vishi
"Cy" wrote in message
news:[email protected]..
> I would like to create a pop-up window appear from Labview Interface.
> In this window, I will have a slide control and an image taken from a
> camera. The main VI hav
e to run while pop-up window is open. How can I
> do ?
>
> When I pushed a button, this pop-up window has to appear. There will
> be a slide control and a picture from a camera in this window. Is it
> possible to make appear this windows while main VI Interface continue
> to run ? How can I do this ? Thank you for your answers.
> Cyril.
[Attachment SliderMain.vi, see below]
[Attachment Slider.vi, see below]
Attachments:
SliderMain.vi 16 KB
Slider.vi 11 KB -
Saving and loading images (png) on the iPhone / iPad locally
Hi,
you might find this helpful..
Just tested how to save and load images, png in this case, locally on the i-Devices.
In addition with a SharedObject it could be used as an image cache.
Make sure you have the adobe.images.PNG encoder
https://github.com/mikechambers/as3corelib/blob/master/src/com/adobe/images/PNGEncoder.as
Not really tested, no error handling, just as a start.
Let me know, what you think...
Aaaaah and if somebody has any clue about this:
http://forums.adobe.com/thread/793584?tstart=0
would be great
Cheers Peter
import flash.display.Bitmap
import flash.display.BitmapData
import flash.display.Loader
import flash.display.LoaderInfo
import flash.events.*
import flash.filesystem.File
import flash.filesystem.FileMode
import flash.filesystem.FileStream
import flash.utils.ByteArray;
import com.adobe.images.PNGEncoder;
private function savePic(){
var bmp = // Your Bitmap to save
savePicToFile(bmp, "test.png")
private function loadPic(){
readPicFromFile("test.png")
private function savePicToFile(bmp:Bitmap, fname:String){
var ba:ByteArray = PNGEncoder.encode(bmp.bitmapData);
var imagefile:File = File.applicationStorageDirectory;
imagefile = imagefile.resolvePath(fname);
var fileStream = new FileStream();
fileStream.open(imagefile, FileMode.WRITE);
fileStream.writeBytes(ba);
trace("saved imagefile:"+imagefile.url)
private function readPicFromFile(fname:String){
var imagefile:File = File.applicationStorageDirectory;
imagefile = imagefile.resolvePath(fname);
trace("read imagefile:"+imagefile.url)
var ba:ByteArray = new ByteArray();
var fileStream = new FileStream();
fileStream.open(imagefile, FileMode.READ);
fileStream.readBytes(ba);
var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onPicRead)
loader.loadBytes(ba);
private function onPicRead(e:Event){
trace("onPicRead")
var bmp:Bitmap = Bitmap(e.target.content)
// Do something with itAre the movies transferred to your iPhone via the iTunes sync/transfer process but don't play on your iPhone?
Copied from this link.
http://www.apple.com/iphone/specs.html
Video formats supported: H.264 video, up to 1.5 Mbps, 640 by 480 pixels, 30 frames per second, Low-Complexity version of the H.264 Baseline Profile with AAC-LC audio up to 160 Kbps, 48kHz, stereo audio in .m4v, .mp4, and .mov file formats; H.264 video, up to 2.5 Mbps, 640 by 480 pixels, 30 frames per second, Baseline Profile up to Level 3.0 with AAC-LC audio up to 160 Kbps, 48kHz, stereo audio in .m4v, .mp4, and .mov file formats; MPEG-4 video, up to 2.5 Mbps, 640 by 480 pixels, 30 frames per second, Simple Profile with AAC-LC audio up to 160 Kbps, 48kHz, stereo audio in .m4v, .mp4, and .mov file formats.
What are you using for the conversion? Does whatever you are using for the conversion include an iPod or iPhone compatible setting for the conversion?
iTunes includes a create iPod or iPhone version for a video in your iTunes library. Select the video and at the menu bar, go to Advanced and select Create iPod or iPhone version. This will duplicate the video in your iTunes library. Select this version for transfer to your iPhone to see if this makes any difference. -
Trouble applying Spry slide effect option
I am trying to use the SPRY Slide effect. According the Adobe documentation on the
Dreamweaver stuff/Spry_1_6_1_022408/samples/effects/slide_sample.html that I downloaded it says:
“The Slide was designed to animate the element vertically or horizontally. By enabling the horizontal option the element will dissapear [sic] to its left.”
How do you enable this option? I can’t find horizontal on options panel. There is only "up" or "down."VL Branko wrote:
How do you enable this option? I can’t find horizontal on options panel. There is only "up" or "down."
That option doesn't appear in the Slide effect panel. You need to edit the code inserted by Dreamweaver. Change this:
function MM_effectSlide(targetElement, duration, from, to, toggle)
Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
to this:
function MM_effectSlide(targetElement, duration, from, to, toggle)
Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to, toggle: toggle, horizontal: true});
Dreamweaver doesn't show all the options available for Spry. You often need to tweak the code manually. -
Hello DW users, Sorry for any redundancy. After posting this
to general forum I realized that it should have gone into the
Dynamic HTML forum. Here goes: I recently made and uploaded a
simple HTML page to test out spry effects on text and images. If
you view the page at
http://student.santarosa.edu/~dnorth/hmwk1.html
you can see what I'm talking about. Everything works fine except
for the "slide" effect. It is set to toggle on in its dialogue box,
but doesn't work like i expected it to. When you click on it, it
slides away and disappears. When I click back in the same area, it
doesn't reappear as I expected it to. I can only get it to come
back if I hit the page refresh button. FYI: the necessary Spry
assets folder and its contents are definitely uploaded as well. Any
suggestions?? Thanks, Deborah NorthTo make them animate together, you'll need to wrap a div
around the 2 lists:
<div id="example1">
<div>
<ul>...</ul>
<ul>...</ul>
</div>
</div>
since that effect expects the div you are animating to
contain only one element child.
--== Kin ==-- -
DESPERATE HELP! I broke my spry slide effect
i can't add the effect anymore. everytime i tried, it kept
telling me that I need to have the target element inside a div...
which it is. every other effect works, such as fading or what not.
but the slide effect just gone dead.
also, i did have the effect workED in one of my other
webpage. if i go back to behavior panel and try to modify the
effect (such as changing duration), it won't let me save, but just
kept popping up the same error message as above(that i need to have
target element in a div)
i have no idea what happened. it just stopped working one day
all of a sudden, and becoming very frustrating. PLEASE SOME HELP!!!
(also, where can i get immediate like customer to customer
real time conversation help? i pay LOTS of money for this stuff,
should I expect to get some sort of customer service from them?
some number i can call, some chatroom i can go to?)
p.s. as with all my other silly questions that got answered,
i am sure I did something very beginner (since i am) to break
it."Bih Wang" <[email protected]> wrote in
message
news:[email protected]...
>i can't add the effect anymore. everytime i tried, it
kept telling
>me that I
> need to have the target element inside a div... which it
is. every
> other
> effect works, such as fading or what not. but the slide
effect just
> gone dead.
The Slide effect is the most difficult of the Spry effects to
use. You
cannot apply the Slide effect directly to the element you
want to
slide in and out. The target element must be a div wrapped
around it.
What makes it difficult is that the child element of the div
MUST be
one of the following: blockquote, center, dd, form, img, or
another
div. So, for example, this will work:
<div id="slidecontainer">
<img src="slideme.jpg" alt="Sliding image" />
</div>
However, this won't work:
<div id="slidecontainer">
<p><img src="slideme.jpg" alt="Sliding image"
/></p>
</div>
If you want the paragraph, you need to wrap it in another div
like
this:
<div id="slidecontainer">
<div>
<p><img src="slideme.jpg" alt="Sliding image"
/></p>
</div>
</div>
> (also, where can i get immediate like customer to
customer real time
> conversation help? i pay LOTS of money for this stuff,
should I
> expect to get
> some sort of customer service from them? some number i
can call,
> some chatroom
> i can go to?)
This is where you get free user-to-user help. By the way,
please don't
post the same question in multiple forums.
The money you paid for the software entitles you to free
support with
installation problems. You also get two free technical
support tickets
for an individual program. If you bought a suite, you get
four
tickets, and six tickets for the Master Collection. The
technical
support tickets expire 90 days after using the first one.
To get real-time help from Adobe support, you need to
purchase a
support plan, or pay for individual support incidents. In the
USA,
prices per incident range from US$29 to US$249.
David Powers
Adobe Community Expert, Dreamweaver
http://foundationphp.com -
Problem with applying Spry "Slide Effect"
I am having problems attaching the slide effect on image. Below is the code for the test page I am working on to learn how to use this effect (most of which came from Adobe):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="../SpryAssets/SpryEffects.js"></script>
</head>
<body>
<p> </p>
<p> </p>
<style type="text/css">
#content{ visibility: hidden;}
</style>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce vel sem nec massa cursus
interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Duis euismod eros consequat nibh. Pellentesque non purus. Nam lectus magna, faucibus
vel, aliquet id, commodo vitae, elit. Maecenas sollicitudin, nibh iaculis bibendum consequat,
odio erat volutpat ipsum, sed dignissim ligula mi in justo. Nam placerat. Nullam fringilla
tortor. Quisque lacinia, mi non iaculis adipiscing, turpis lacus eleifend velit, dictum
facilisis pede diam sagittis nulla. Nunc vestibulum elementum enim. Etiam lorem felis, faucibus
sit amet, vulputate sed, lobortis et, nunc. Morbi vitae lectus.
</div>
<p> </p>
<p> </p>
<div id="chakra">
<p><img src="../images/chakra_yantra_200px.jpg" alt="chakra" width="200" height="201" /></p>
</div>
</body>
</html>
The idea is that there is an image called "chakra", and when the mouse goes over the image then the text is suposed to slide out as a caption.
When I attempt to attach the effect after selecting the image I am asked to ***Select Target Element ID*** of which there are two options
div "content"
and
div "chakra"
I choose -- div "content"
I then get an error message that says:
“To get this behavior to work properly, you must select the container tag you want to slide. (For example, if you want to slide an <image> tag that is wrapped with the <div> tag, select the container <div> tag. The container tag must have a unique ID.)
Please select a container tag as your target element , or cancel the behavior, wrap your target element with a div tag, assign the new div tag a unique ID, and reapply the behavior. When you reapply the behavior, select the new div tag as your target element.
The action will not be added to your document.”
What am I doing wrong?
I have spent hours on this but not getting anywhere. Are there any good visual tutorials to explain this? I have read everything that Adobe has provided but I am still not getting it, but I am getting a head ache. )-:
I'm using DW CS5 on a Mac, OS X 10.6.6Add a div element as follows
<div id="content">
<div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce vel sem nec massa cursus
interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Duis euismod eros consequat nibh. Pellentesque non purus. Nam lectus magna, faucibus
vel, aliquet id, commodo vitae, elit. Maecenas sollicitudin, nibh iaculis bibendum consequat,
odio erat volutpat ipsum, sed dignissim ligula mi in justo. Nam placerat. Nullam fringilla
tortor. Quisque lacinia, mi non iaculis adipiscing, turpis lacus eleifend velit, dictum
facilisis pede diam sagittis nulla. Nunc vestibulum elementum enim. Etiam lorem felis, faucibus
sit amet, vulputate sed, lobortis et, nunc. Morbi vitae lectus.</div>
</div>
Gramps -
I have an online business and when I go to my websites they come up blank. I went to the same site on my other pc and it loads just fine. When I checked the page info and compared the two the one that loads ok shows general, media, permissions and security and the other shows everything but media. How can I get this back? I've checked everything I can think of. Load images is checked
According to http://en.wikipedia.org/wiki/IPhone_5
the iPhone5 has 1GB of RAM, and internal storage of 16, 32, or 64GB.
It does not use SD cards.
Fake iphones are really Android phones using the skin of iOS6.
Click on the App Store icon. If it takes you to Apple's App Store, then it's a real iPhone.
But if you are directed to Google Play, then I'm afraid you've gotten a copy. -
Insert Image and Load Image by VC# with Oracle 9i Database.
I need save and load a Image to Database Oracle 9i, i use BLOB Datatype and VC#2003, i write code bellow:
Load image data.
m_Img is a parameter byte[], and :
this.openFile.ShowDialog(this);
string strFn=this.openFile.FileName;
this.pcPerson.Image=Image.FromFile(strFn);
FileStream fls;
fls=new FileStream(@strFn,FileMode.Open,FileAccess.Read);
m_Img=new byte[fls.Length];
fls.Read(m_Img,0,System.Convert.ToInt32(fls.Length));
fls.Close();
//Add Parameter
CnnOracle myBase = new CnnOracle();
string reqSQL = "SP_PERSON_UPDATE";
try
OracleConnection myConn = myBase.OpenConnection(myBase.cnxString);
OracleCommand myCommand = new OracleCommand(reqSQL,myConn);
myCommand.Parameters.Add(new System.Data.OracleClient.OracleParameter("Faxno", System.Data.OracleClient.OracleType.NVarChar, 20));
myCommand.Parameters["Faxno"].Value = myPerson.faxno;
myCommand.Parameters.Add(new System.Data.OracleClient.OracleParameter("Email", System.Data.OracleClient.OracleType.NVarChar, 20));
myCommand.Parameters["Email"].Value = myPerson.email;
myCommand.Parameters.Add(new System.Data.OracleClient.OracleParameter("Photo", System.Data.OracleClient.OracleType.Blob));
myCommand.Parameters["Photo"].Value = m_Img;
myCommand.CommandType = CommandType.StoredProcedure;
myCommand.ExecuteNonQuery();
myBase.CloseConnection(myConn);
catch(Exception myErr)
throw(new Exception(myErr.ToString() + reqSQL));
That code above don't run and have a error: "ORA-01460: unimplemented or unreasonable conversion requested\n",
but i clear these row:
myCommand.Parameters.Add(new System.Data.OracleClient.OracleParameter("Photo", System.Data.OracleClient.OracleType.Blob));
myCommand.Parameters["Photo"].Value = m_Img;
and modified StoreProcedure: clear parameter Photo, it run good
Why? Help me, Please.
Thank you very much.Can you post your table structure?
-
Flash CS 5 only supports SAVING to the camera roll, not loading image from it. And it has no access to the camera to take pictures and access the image within the app.
Does Flash CS 5.5 do these things? There's no point in upgrading if it doesn't support these core feature that I need.Hi.
Just got an app rejected because the popover to select the pics from the camera roll on the iPad always appears on to-left corner, and the arrow doesn't point anywere, and should be pointing to the button which activated it. That "does not comply with the Apple iOS Human Interface Guidelines, as required...". On the iPhone there's no issue because it takes over the whole screen. More from the apple rejection message:
"Specifically, we noticed your app contained popover elements that didn't point to the element that revealed them. To avoid user confusion, a popover element's arrow should point to the element that revealed it."
So, thanks for including the CameraRoll functionality, but it will be useless in the iPad apparently
Any workaround to make it appear at a specific place when calling myCameraRoll.browseForImage() ?
Fernando -
Locking exceptions for Pop-windows and loading image automatically Preferences setting
How can i lock the two exceptions button for POP-up windows and load imagae automatically option.
You can lock the image exceptions via pref.advanced.images.disable_button.view_image
I do not see a pref to lock the pop-up exceptions on the about:config page (filter: disable_button)
A possibility is to hide that button via code in userChrome.css (#popupPolicyButton {display:none!important;}), but that needs to be done for each profile.
<pre><nowiki>//
lockPref("pref.advanced.images.disable_button.view_image", true);
</nowiki></pre>
See also:
* http://kb.mozillazine.org/Locking_preferences -
Spry Slide Effect - Vertical Only?
Is there a way to make things slide horizontally?
Bopjo wrote:
> Is there a way to make things slide horizontally?
Yes.
http://labs.adobe.com/technologies/spry/samples/effects/slide_sample.html
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS4",
"PHP Solutions" & "PHP Object-Oriented Solutions"
http://foundationphp.com/
Maybe you are looking for
-
How to configure qpopper to authenticate against LDAP server
Hi, This is re-post of my question: I have directory server 6.0 set up on Solaris 9 system. Also, I have set up Solaris 9 system native LDAP client. The qpopper daemon is running on that client. I have re-compiled the qpopper to use PAM authenticatio
-
Cancelled AOL but cant seem to transfer to iTunes ID
I've cancelled my AOL acct and have tried numerous times, unsuccessfully to transfer songs purchased on the AOL acct to a new iTunes acct but get stuck at the last screen (choose your county) I choose my county and it keeps coming back to that same s
-
I need help duplicating a button
I have a button that I often have to put on forms, so I have a pdf with nothing but that button in it. Whenever I need to use the button I open the pdf, go into my forms tools, edit the form, copy the button, and then paste it into the pdf that needs
-
Hello, How can we filter the other prompt value based on previously selected prompt using the presentation variables? I don't want to use the constrain option, because, it will not suffice my need. I need a set a presentation variable on first prompt
-
I need to talk with someone about probably buying the wrong service.
Until yesterday, I had Premier and a basic Creative Cloud account with only Photoshop and Lightroom. In an effort to combine these into one Creative Cloud service and get access to the rest of the suite, I upgraded the Premiere product to Creative C