Hello,
i use VS2010 Prof. SP1, NetAdvantage 11.1 in an ASP.Net 4.0 Application.
With the following code i try to realize a slidshow.
<ig:WebImageViewer ID="wiv_Galerie" runat="server" DataSourceID="sql_DS_Galerie" Header-Visible="False" ScrollAnimations-Type="NextItem" ClientEvents-Initialize="wiv_Galerie_Init" BorderStyle="None" CssClass="fluid-placeholder"> <ImageItemBinding AltTextField="Text" ImageUrlField="ImageUrl" NavigateUrlFields="NavigateUrl" ToolTipField="ToolTip" TargetField="Target" />
<ScrollAnimations Type="Continuous"> <Continuous EquationType="Linear" Duration="0" MaxSpeed="5" /> </ScrollAnimations>
<ClientEvents Initialize="wiv_Galerie_Init"></ClientEvents></ig:WebImageViewer>
<script type="text/javascript">
var iv = null;
function wiv_Galerie_Init(sender, args) { iv = sender; window.setInterval("iv.navigateNext();", 3000); }
The Info for the image-collection bind via datasource (only the filename is in the database).
It is all ok but how can i place a frame around each image, so that i can visualize a separator between the images?
An additional problem is a little 'flickering' if the immages flow from right to left. How can i get a smooth transition?
Thanks for reply
Patric
i found the solution for the border (add in ig_imageViewer.css .igiv_Image { margin-right: 12px; margin-left: 12px; border-left: 12px; border-right: 12px; } But for the problem with the 'flickering' i see no solution. Any sugestions??
.igiv_Image
{
margin-right: 12px;
margin-left: 12px;
border-left: 12px;
border-right: 12px;
}
But for the problem with the 'flickering' i see no solution.
Any sugestions??
Hello page,
Here in the samples browser we have a sample showing how to scroll your images. This 'flickering' is not supported from the Image Viewer you can achieve this with js ot jQuery and it will be a custom implementation. We do not have a sample for this.
For any further questions do not hesitate to contact me
Sincerely,
Georgi Sashev
Developer Support Engineer
Infragistics, Inc.
http://www.infragistics.com/support
Hello Georgie,
i think, my description of the problem with 'flickering' was not perfect. What i mean is that there is no continus trasition, if i show some larger ( ~ 300 kb jpeg) images in the image viewer. I saw all samples in the sample browser, but your sample images are more like icons or thumbnails. Any idea how to get this with large images (preloading, tile distribution, ...) ?
thanks
Hi page,
I just created a sample with a large images and is seems to work just fine. Can you find it attached and review. Also you can modify it in the way the described issue is reproducible or to change the images.
Thank you.
Looking forward to hear from you.
Hi Page,
Were you able to try this.
Let me know if you have further questions regarding this.
Hello Georgi,
sorry for the time; there was some pressure in an other project so ... Thanks for your sample; i try it and have a question: what is the reason of the WebDropDown ?
There are larger images in your sample and if i use the next and prev button, ther is no 'flicker'. But if i change your sample, so that it continously change the image with a slow speed, there is the 'flickering' again. You can try it, if you change your sample with the following code.
<ig:WebImageViewer ID="WebImageViewer1" runat="server">
<ScrollAnimations Type="Continuous">
<Continuous EquationType="Linear" Duration="0" MaxSpeed="5" /> </ScrollAnimations>
<ClientEvents Initialize="wiv_Galerie_Init"></ClientEvents>
</ig:WebImageViewer>
function wiv_Galerie_Init(sender, args) { iv = sender; window.setInterval(
iv = sender;
window.setInterval(
"iv.navigateNext();", 3000); }
</script>
May be there is something wrong with the 'continuous'-Tag (Duration, MaxSpeed ???).
Any info about animation and transition in the image viewer??
Thanks