Wie man sieht habe ich dort eine transparente PNG Grafik, die über 15 animierte gif Thumbnails liegt.
Ich versuche ein Script zu finden, das ein/mehrere dieser Thumbnails entweder zufällig oder nach einer bestimmten Zeit austauscht.
So möchte ich ein paar kleine gif animationen in den einzelnen TVs einblenden- Ich hoffe, das macht soweit Sinn.
Soweit habe ich nur dieses Stück code hier:
Code:
function changer() {
var imgnum = Math.floor(15 * Math.random());
var time = Math.floor(5000 * Math.random());
var $img = $("img").eq(imgnum);
var newsrc = "noisy_static.gif";
Dabei seit: 29.01.2006 Ort: Berlin Alter: - Geschlecht:
Verfasst Di 30.08.2011 14:10 Titel
hey ho, danke für die antwort!
Bei mir geht allerdings mehrt darum, dass ich nicht das Wissen habe,
um sowas einzubauen, vor allem weil meine webseite auf dem Cargo Collective System ist
(das ist eine Plattform die Portfolio-Vorlagen zur Verfügung stellt)
Das heisst ich bräuchte jemanden der entweder Cargo kennt, oder sich ein paar Minuten nehmen würde
um sich den Aufbau und CSS anzuschauen, um mir zu sagen, wie ich das einbaue.
Ich würde auch dafür etwas zahlen, aber eigentlich handelt es sich hier wirklich nur um ein paar minuten Arbeiten.
Dabei seit: 29.01.2006 Ort: Berlin Alter: - Geschlecht:
Verfasst Di 30.08.2011 14:41 Titel
ok, ich versuche es zu beschreiben:
Ich kann bei Cargo 2 Dinge beeinflussen: HTML und CSS.
Es gibt also sozusagen eine HTML und eine CSS datei, und nur auf diese habe ich zugriff.
Alles was mit jQuery zu tun hat packe ich einfach in den HTML Bereich rein.
So sieht z.B. grade mein HTML bereich aus, die CSS kann ich euch auch gerne reinkopieren (ist lang),
oder, wenn jemand so gut ist und ein paar minuten hat mir zu helfen, gebe ich auch gerne die Zugangsdaten.
<script type="text/javascript">
$(document).ready(function(){
createHover();
});
function createHover() {
$(".project_thumb").unbind('mouseenter').unbind('mouseleave'); // reset the hover to prevent doubling
$(".project_thumb").bind("mouseenter",function() { // crete hover
$("img", this).fadeTo("fast", 0.0); // Sets the opacity to 70% on hover
}).bind("mouseleave",function(){
$("img", this).fadeTo("fast", 1.0); // Sets the opacity back to 100% on mouseout
});
$(".next_page").attr("onclick",""); // remove the pagination function
$(".prev_page").attr("onclick",""); // remove the pagination function
$(".next_page").click(function() { changePage((parseInt($("#current_page").val())+1),$("#limit").val()); setTimeout("createHover()",100); });
$(".prev_page").click(function() { changePage((parseInt($("#current_page").val())-1),$("#limit").val()); setTimeout("createHover()",100); });
}
</script>
function changer() {
var imgnum = Math.floor(15 * Math.random());
var time = Math.floor(5000 * Math.random());
var $img = $("img").eq(imgnum);
var newsrc = "http://yaplog.jp/cv/omb-master/img/449/noise_p.gif";
function changer() {
var imgnum = Math.floor(15 * Math.random());
var time = Math.floor(5000 * Math.random());
var $img = $("img").eq(imgnum);
var newsrc = "http://yaplog.jp/cv/omb-master/img/449/noise_p.gif";
function changer() {
var imgnum = Math.floor(15 * Math.random());
var time = Math.floor(5000 * Math.random());
var $img = $("img").eq(imgnum);
var newsrc = "http://yaplog.jp/cv/omb-master/img/449/noise_p.gif";
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
Willkommen auf dem Portal für Mediengestalter
