webForumDet fria alternativet

bildspel till fotoalbum

ASP

7 svar · 2 285 visningar · startad av Mattias Nordin

Medlem sedan dec. 20051 056 inlägg
Frågan#1

Jag har ett fotoalbum där jag nu vill skapa ett bildspel. Är det någon som har något förslag på hur jag får mina bilder att förstoras så att det upptar maximalt av webläsarens fönster, oavsätt upplösning?

Jag har en flashlösningsom fadar ganska snyggt men jag skulle hellre vilja använda ren asp + http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm

Några ideer? :stud

Medlem sedan aug. 20013 824 inlägg
#2

det är väll snarare javascript i så fall skulle jag tro.
Fast nu var det iof fruktansvärt länge sen jag höll på med någonting sånt här. så lita inte på mig :P

Medlem sedan juli 2004103 inlägg
#3

Silverlight

Om du vill använda något nyare borde denna länk och lite google:ande ge resultatat.

http://msdn2.microsoft.com/en-us/library/bb404771.aspx

//b3rra

Medlem sedan dec. 20051 056 inlägg
#4

Silverlight verkar vara klart spännande!

Medlem sedan dec. 20051 056 inlägg
#5

Det var inte lätt att komma igång med silberlight.

Jag har provat att installera om olika saker och nu fungerar det hjälpligt.

Jag vet inte om jag är ute och cyklar men det visas i alla fall ett resultat. Dock inte den effekten jag vill uppnå. Men det ser helt klart ut som att det ska vara möjligt.

HTML SIDAN:

<html>
  <head>
    <title> Mattias labbar med silverlight </title>
  </head>
  <body>

    <object type="application/x-silverlight" id="silverlightControl" width="80%" height="80%">
      <param name="background" value="green"/>
      <param name="source" value="MNstretchImage.xaml"/>
    </object>

<hr>
<img src="webforum_avatar2.gif"/>
  </body>
</html>

Silberlight filen:

<Canvas
  xmlns="http://schemas.microsoft.com/client/2007"
  Background="gray" 
  >

    <!-- Photo -->
    <Image
      Source="121_2101.jpg"
      Canvas.Left="0" Canvas.Top="0" 
      Stretch="Uniform"
     />

  
    <!-- Overlay text. -->
    <TextBlock
      Text="Mattias first test 3"
      Canvas.Left="10" Canvas.Top="10"
      FontFamily="Verdana"
      FontWeight="Bold"
	  Foreground="red"
      FontSize="30">
    </TextBlock>

</Canvas>

Stretch="Uniform" ska ge den effekten som jag är ute efter.
http://msdn2.microsoft.com/en-us/library/bb188567.aspx

Referens:
http://msdn2.microsoft.com/en-us/library/bb188567.aspx

Det som är otroligt påfrestande är att det verkar vara strul med cachning i webläsaren. Trots att jag kör CTRL + R (eller F5 eller andra refreshvarianter) så kan det ta en 5 - 6 refresh av sidan innan resultatet visas. Grrr...

Är det någon annan som har erfarenhet av silberlight?

Medlem sedan juni 20014 421 inlägg
#6

Varför skulled u vilja gå från flash till silverlight? Flash har än så länge större spridning än silverlight och du måste till båda versionerna installera en plugin för att det ska synas.

Medlem sedan dec. 20051 056 inlägg
#7

Anledningen är primärt att det verkar vara ett otyg att skapa dynamiska flash applikationer där jag hämtar data från en databas. Jag är ganska dålig på flash så det kanske är möjligt på något sätt.

Silverlight verkar i övrigt vara spännande så det är kul att labba lite.

Nu fungerar det delvis bättre...

HTML SIDAN:

  <!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" xml:lang="en">
  <head>
    <title>A Sample HTML page</title>
    <script type="text/javascript" src="Silverlight.js"></script>
    <script type="text/javascript" src="createSilverlight.js"></script>
  </head>
  <body>

    <!-- Where the Silverlight plug-in will go-->
    <div id="mySilverlightPluginHost"> </div>
    <script type="text/javascript">
	    // Retrieve the div element you created in the previous step.
        var parentElement = document.getElementById("mySilverlightPluginHost");
        createMySilverlightPlugin();
    </script>

  </body>
</html>

CreateSilverlight.js

function createMySilverlightPlugin()
{  
    Silverlight.createObject(
        "myxam1.xaml",                  // Source property value.
        parentElement,                  // DOM reference to hosting DIV tag.
        "mySilverlightPlugin",         // Unique plug-in ID value.
        {                               // Per-instance properties.
            width:'600',                // Width of rectangular region of 
                                        // plug-in area in pixels.
            height:'400',               // Height of rectangular region of 
                                        // plug-in area in pixels.
            inplaceInstallPrompt:false, // Determines whether to display 
                                        // in-place install prompt if 
                                        // invalid version detected.
            background:'#D6D6D6',       // Background color of plug-in.
            isWindowless:'false',       // Determines whether to display plug-in 
                                        // in Windowless mode.
            framerate:'24',             // MaxFrameRate property value.
            version:'1.1'               // Silverlight version to use.
        },
        {
            onError:null,               // OnError property value -- 
                                        // event handler function name.
            onLoad:null                 // OnLoad property value -- 
                                        // event handler function name.
        },
        null);                          // Context value -- event handler function name.
}

Silverlight filen:

<Canvas Width="600" Height="400"
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
 
  <!-- Define a LinearGradientBrush for the Canvas Background property. -->
  <Canvas.Background>
	  <ImageBrush ImageSource="121_2101.jpg" Stretch="Uniform"/>
  </Canvas.Background>
 
</Canvas>

Det är lite frustrerande att göra dessa filer manuellt. Tanken är att du ska generera koden med "Expression Blend" och co. Jag satt någon timme och labbade med en bild som inte ville fungera. Nu när jag provade den här varianten fick jag iallafall ett felmeddelande om att GIF bilder inte stödjs. Grrr...
Det visade sig även att man får syntaxfel om du inte skriver med rätt gemener och versaler. stretch="uniform" är alltså fel.

Nu när jag kommit så långt så att min bild faktiskt tar upp hela plugin-ytan så kommer nästa problem. Det verkar inte finnas stöd för relativa storlekar. Jag får med andra ord inte använda % tecken och då faller hela mitt projekt antar jag... Har dock lite svårt att tro att det kan vara så... Letar vidare.

:stud

PS här var en bra "kom igång tråd" http://silverlight.net/quickstarts/silverlight10/drawing.aspx DS

Medlem sedan dec. 20051 056 inlägg
#8

Här beskrivs hur man får alla delar utom den sista att bli dynamisk (%) i storlek. Det borde med andra ord vara möjligt...
http://msdn2.microsoft.com/en-us/library/bb693296.aspx

260 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)