Forum PHP.pl > [CSS]Galeria

Pomoc - Szukaj - Użytkownicy - Kalendarz

mjanisz

1.09.2010, 17:16:23

Witam,
Skorzystałem z galerii do której tutorial znajduje się pod adresem http://tutorialzine.com/2009/11/hovering-g...ry-css3-jquery/.
Wszystko działa super pod chromem, ale pod IE7 oczywiście zdjęcia nie przekręcają się ponieważ jak wiadomo IE to IE i nie lubi normalnych rozwiązań

znalazłem w komentarzach rozwiązanie do tego problemu, a mianowicie:

Cytat

To support the Internet Explorer Browser 7.0, we have to use the following method:
filter: progid:DXImageTransform.Microsoft.Matrix()
To make things working, add the following php-code, to calculate the cos and sin:

[PHP] pobierz, plaintext 
$deg2radians = pi() * 2 / 360;
$rad = $rot * $deg2radians;
$cosTheta = cos($rad);
$sinTheta = sin($rad);
[PHP] pobierz, plaintext

Then we can use it in the style property:

[CSS] pobierz, plaintext 
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\&#8217;auto expand\&#8217;, M11=&#8217;.$cosTheta.&#8217;,M12=&#8217;.-$sinTheta.&#8217;,M21=&#8217;.$sinTheta.&#8217;,M22=&#8217;.$cosTheta.&#8217;);
[CSS] pobierz, plaintext

Full code:
Hope, thats helps.

Dodałem obliczanie cosinusów i sinusów do kodu php galerii, tylko nie wiem w którym miejscu wstawić styl. Do arkusza dodałem

[CSS] pobierz, plaintext 
* html .pic{
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\&#8217;auto expand\&#8217;, M11=&#8217;.$cosTheta.&#8217;,M12=&#8217;.-$sinTheta.&#8217;,M21=&#8217;.$sinTheta.&#8217;,M22=&#8217;.$cosTheta.&#8217;);
}
[CSS] pobierz, plaintext

ale niestety nie działa.

Pozdrawiam!

AlexDeLarge

1.09.2010, 18:04:58

Styl masz wstawić do właściwości (ang. property) diva tuż pod:

[PHP] pobierz, plaintext 
/* Outputting each image: */
echo '
[PHP] pobierz, plaintext

Na moje oko będzie to tak:

[PHP] pobierz, plaintext 
if(in_array($ext,$allowed_types))
{
        /* Generating random values for the position and rotation: */
        $left=rand(0,$stage_width);
        $top=rand(0,400);
        $rot = rand(-40,40);
 
        $deg2radians = pi() * 2 / 360;
        $rad = $rot * $deg2radians;
        $cosTheta = cos($rad);
        $sinTheta = sin($rad);
 
 
        if($top>$stage_height-130 && $left > $stage_width-230)
        {
            /* Prevent the images from hiding the drop box */
	   $top-=120+130;
           $left-=230;
	}
 
       /* Outputting each image: */
       echo '
<div id="pic-'.($i++).'" class="pic" style="top:'.$top.'px;left:'.$left.'px;background:url('.$thumb_directory.'/'.$file.') no-repeat 50% 50%; -moz-transform:rotate('.$rot.'deg); -webkit-transform:rotate('.$rot.'deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\&#8217;auto expand\&#8217;, M11=’.$cosTheta.’,M12=’.-$sinTheta.’,M21=’.$sinTheta.’,M22=’.$cosTheta.’);">
[PHP] pobierz, plaintext

Zdrówka życzę.

mjanisz

1.09.2010, 22:59:51

no to jest chyba to samo co ja zrobiłem

na wszelki wypadek sprawdziłem i nie działa, ale dzięki za chęci!

pozdrawiam!

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.