SPRY Slide effect change horizontal slide direction?
I'm working on this website:
http://www.ryanlum.com/clients/sge/index.html
I was able to change the slide direction from vertical to
horizontal, but I am unable to change the direction of the slide.
It currently opens from the left and goes to the right. I'd like to
change the direction so it opens up from the right and expands
left. Where do I go to change this option? I'd reallllyyy
appreciate help!
I don't have an answer to your question, but I was wondering
if you would be so kind as to explain how you got the effect to
slide horizontally instead of vertically?
Similar Messages
-
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. -
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/ -
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 -
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 Show-how to use one size photo for large photo and thumbnail?
Hi all,
I'm am using Adobe's Spry Slide Show. I can only use one size photo 640x480px for both the large photo and the thumbnail.
I changed the size of the small thumnail on the html:
<li><a href="Photos/TestPhoto640x480.jpg" width="490" height="367"><img src="Photos/TestPhoto640x480.jpg" width="63" height="47" alt="photos-1.jpg" /></a></li>
The thumbnail looks fine until you hit Live View or Preview in Browser then photo comes in full size and you can only see the upper left hand corner.
I assume that the java is doing this. But I have no training in Java.
How can I change the Java Code so the thumbnail comes in at 63x47px?
Many thanks.Wish I could use scaled down versions of the thumbnails-but I can't.
Why not?
img.src = info.src;
img.style.width = "490px";<!--Large Photo size on internet-changed from info.width + "px"; to "490px"; *********-->
img.style.height = "368px";<!--Large Photo size on internet-changed from info.height + "px"; to "368px"; *******-->
You're shooting yourself in the foot with this. It's overriding your HTML and CSS values.
As an FYI, Adobe Abandoned the Spry framework late last year.
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
You might want to cut your losses right now and switch to something better suited to modern web devices & browsers.
jQuery Fancybox
http://fancybox.net/
20 of the best jQuery Slideshows
http://vandelaydesign.com/blog/web-development/jquery-slideshow/
Nancy O. -
Spry slide show is choppy..what can I do to fix this.
Are the spry slide show always so choppy? Do I have too many photos? (5) Here is my site mudroomstudios.com. Please, any advise would be appreciated. Otherwise I'll have to ditch the slides.
thanks
~erinRalph 9430, simplify for us dummies...define device ? ios is a what ...just a slow step by step explaination if you could..
Thank you in advance 2-20-2013 -
The sliders in Lightroom worked fine for several months with my Sony NEX3N but now they have no effect. I can only edit photos by changing the histogram directly.
The sliders in Lightroom worked fine for several months with my Sony NEX3N but now they have no effect. I can only edit photos by changing the histogram directly.
-
Effective Change control for BW
Hi All,
We have a requirement for developments in two different development environments, to merge together in one production BW System. This will require very effective change control process, of managing changes to common BW objects. I have a couple of questions for the BW Gurus.
1) What is the Best way to manage this?
2) Is there a recommended third party tool to manage this change?
Thanks and Best Regards,
Chandan.If the resources are available I'd set up another development system that only contains common BW objects and is delivered to both development systems. Or you set up one BW system as master development system and create two different transport layers, one directly to test and prod and one 'Master' layer that only contains the common objects and is delivered to your second development and test and prod.
I'd definitely set up a common test system so that problems in development are found out early.
Other ideas:
Create strict naming guides and implement authorizations in your development systems so that it isn't possible to create the same InfoObject in both systems.
Have regular meetings between the two teams to identify common InfoObjects and DataSources early on.
Depending on the size of your SAP environment you might think about registering a namespace at SAP. This gives you a /MYNAME/-prefix on your BW-objects to differentiate the objects. But I'd only recommend it for big installations.
Best regards
Dirk -
Adding spry fade effect to thumbnail gallery??
Hi,
I have a gallery page with a set of thumbnail images each linking to a main image.
I would like to add a simple javascript fade in for each main image. So when the user clicks on the thumbnail, the main image will fade in.
I took a look at the spry effects page (http://labs.adobe.com/technologies/spry/samples/effects/fade_sample.html) but this uses an onclick event and my code already has some onclick events:
<a onclick=\"document.images.galPic.src='$imgSRC'; document.getElementById('$captionDIV').innerHTML='$imgTITLE';return false;\" title=\"$imgTITLE\">
...so i'm not sure if i can add the onclick events for the fade which is:
onclick="firstFade.start();"
Any ideas how i can get this to work?
Thanks for any help
Bhi, thanks for the reply.
This just applies a fade to whatever is being clicked i.e. i add this to the div container where my big image will appear and when I click on this image the main image fades out. However i want the big image to fade in when the thumbnails are clicked.
Here's the html:
<div id="left">
<img src="images/jpg25.jpg" title="kawasakigreen">
</div>
<div id="right-gallery">
<div class="gallery">
<a onclick=\"document.images.galPic.src='$imgSRC'; document.getElementById('$captionDIV').innerHTML='$imgTITLE';return false;\" >
<img src="/images/gallery/thumb_1.jpg" alt=""/>
</a>
<a onclick=\"document.images.galPic.src='$imgSRC'; document.getElementById('$captionDIV').innerHTML='$imgTITLE';return false;\" >
<img src="/images/gallery/thumb_2.jpg" alt=""/>
</a>
<a onclick=\"document.images.galPic.src='$imgSRC'; document.getElementById('$captionDIV').innerHTML='$imgTITLE';return false;\" >
<img src="/images/gallery/thumb_3.jpg" alt=""/>
</a>
<a onclick=\"document.images.galPic.src='$imgSRC'; document.getElementById('$captionDIV').innerHTML='$imgTITLE';return false;\" >
<img src="/images/gallery/thumb_4.jpg" alt=""/>
</a>
</div>
</div>
So each thumbnail references a bigger image dynamically. I think i may need to add an onclick event to the thumbnail but I don't know how.
Is there any other way to achieve a fade in on the bigger image when a thumbnail is clicked?
Thanks
B -
Key shortcut, issue, typing something in editing code and changing language going directly to snippets.
So the problem is that I have to click in the editing code again to write in different language, which it didn't happened before.
Just in case of shortcut keys collision I completly removed the shortcut of snippets from shift+F9, nothing changed. I really can't understand why when I press Alt+Shift to change language it goes straight to the snippets.
If anyone can help would save me from nervous breakdown!
Thanks,
GKDSince this appears to be a "just started happening" issue, have you tried clearing the program cache?
Deleting a corrupted cache file
That tends to catch a lot of weird behaviors and straighten them out. -
How do you Change Group Sort Direction using Report Client
It looks like there should be a sort direction property on the ISCRGroupOptions object but there is none. So how do you set the sort direction of the group?
I tried that and it did not work. Here's the code to change the grouping, note I also change the associated sort object. I did notice that if you go into the crystal reports designer and bring up the Record Sort Export and select the group's corresponding sort that the Sort Direction radio buttons are disabled. The question is how to change the sort direction shown on the Change Group Options dialog?
public bool GroupModify(short GroupIndex, string TableName, string ColumnName, SortDirection SortDirection)
bool result = false;
if ((_ReportClient != null) && (GroupIndex >= 0) && (GroupIndex < this.GroupCount()))
CrystalDecisions.CrystalReports.Engine.Group docGroup = _ReportDocument.DataDefinition.Groups[GroupIndex];
ISCRField field = _ReportClient.DataDefController.FindFieldByFormulaForm(docGroup.ConditionField.FormulaName);
if (field != null)
Group group = _ReportClient.DataDefController.GroupController.FindGroup(field);
if (group != null)
Group newGroup = group.Clone();
newGroup.ConditionField = FieldGet(TableName, ColumnName);
if ((newGroup.ConditionField != null) && (_ReportClient.DataDefController.GroupController.CanGroupOn(newGroup.ConditionField)))
_ReportClient.DataDefController.GroupController.Modify(group, newGroup);
result = this.SortSet(TableName, ColumnName, SortDirection);
return result;
public bool SortSet(string TableName, string ColumnName, SortDirection SortDirection)
bool successful = false;
if (_ReportClient != null)
ISCRField field = FieldGet(TableName, ColumnName);
if (field != null)
ISCRSort sort = _ReportClient.DataDefController.SortController.FindSort(field);
if (sort != null)
_ReportClient.DataDefController.SortController.ModifySortDirection(sort, CRSortDirection(SortDirection));
return successful;
public int GroupCount()
int count;
if (_ReportClient != null)
count = _ReportClient.DataDefController.DataDefinition.Groups.Count;
else
count = 0;
return count; -
Order Change Management and direct manufacturing technique (SOBSL 52)
Dear all,
there is a statement in our SAP development team, that I can hardly believe:
Order Change Management and direct manufacturing technique are not fully supported in SAP standard (ECC6.0).
Can any body help me with this issue?
Kind Regards
BerndDear Bernd,
please see SAP note 436928, which descriped the restrictions from OCM.
Regards,
Sabine -
How to change Indirect to Direct in Foreign Exchange posting in General Settings
Hi
If above mentioned tittle , help me out
How to change Indirect to Direct in Foreign Exchange posting in General Settings
Transaction are posting in database now this field is read only
PrasadHi Prasad,
If transaction are posted in Database then you will not be able to change Exchange Rate Posting from Indirect to Direct.
This is a very initial setting while setting up New Database.
Regards::::
Atul Chakraborty
Maybe you are looking for
-
Is it possible to create box plots in illustrator? If yes, then how?
Is it possible to create box plots in illustrator? If yes, then how?
-
5 Separate iTunes Accounts under one Credit Card
I've been told that with each credit card that I register with iTunes, I can get up to 5 separate accounts for children or family members. I can not figure out how to make this happen. Please help. Thanks.
-
Hi, I did the ALE configuration in sending and recieving system like creating LS,Assigning LS to Client,Model View For Message type,ports and partner profiles. When i was trying to distribute the model view it is giving error: RFC Destination not con
-
Can anyone explain..? (branches conditional)
Hi! In my application I have 2 branches with following logic: 1. if ERRMSG IS null - Branch to Page 5 2. else - Stay in Page 7 If I use the condition: Value of Item in Expression 1 is NULL with :ERRMSG in the first branch and No Condition in the seco
-
screen resolution changes when I reboot hptouchsmart 9300 elite all in one pc product #: LK282AV When I reboot computer the screen resolution changes automatically.